How do I decrease the size of the numbers in this image:

Hi,
How do I decrease the size of the numbers in this image: http://screencast.com/t/pYQn9XvA
Here is the css i got from the motopress plugin: http://screencast.com/t/aRZNrGiiTf

Thank you!

  • Aicee Taguilaso

    Hi Pippa!

    Could you try this CSS code?

    .style-3 {
      font-size: 10px;
    }

    Just adjust the value of the font-size as needed.

    Add this to your child theme's style.css (if you have one), or to your Custom CSS section, or you can try using this plugin - Simple Custom CSS (once installed, it will appear on your Appearance > Custom CSS).

    If it's not working, can you give me the url/link of the page where I can see it?
    Thanks!

    Cheers,
    Aicee

  • Grace

    Can i put it in the motopress plugin that I sent a picture of? I'm not sure where I put it. (http://hibridstaffing.com/about/)
    Here is the html of it:
    <h3>Our Approach</h3>
    [/extra_wrap][clear][dropcap custom_class="style-3"]1[/dropcap][extra_wrap custom_class="extra-style3"]
    <h6>Highly Skilled Team Members</h6>
    <p style="margin: 0in; font-family: Montserrat; font-size: 10.0pt;">We value the education and strategy-driven mindset of our employees.</p>
    [/extra_wrap][clear][dropcap custom_class="style-3"]2[/dropcap][extra_wrap custom_class="extra-style3"]
    <h6>Accountability and Commitment</h6>
    <p style="margin: 0in; font-family: Montserrat; font-size: 10.0pt;">We do exactly what we say we're going to do.</p>
    [/extra_wrap][clear][dropcap custom_class="style-3"]3[/dropcap][extra_wrap custom_class="extra-style3"]
    <h6>Technology</h6>
    <p style="margin: 0in; font-family: Montserrat; font-size: 10.0pt;">We are a modern company that streamlines it services with technology.</p>
    [/extra_wrap][clear][span6][/span6]

  • Aicee Taguilaso

    Hi Pippa! :slight_smile:

    Can you try adding this line between "1" of [dropcap custom_class="style-3"]1[/dropcap]?

    <style="font-size: 16px; width: 55px; height: 55px; line-height: 58px;">
    </style>

    Your line should be:
    [dropcap custom_class="style-3"]<style="font-size: 16px; width: 55px; height: 55px; line-height: 58px;">1</style>[/dropcap][extra_wrap custom_class="extra-style3"]

    Do it for 2 and 3 as well.

    I haven't use MotoPress plugin so I'm not 100% sure if it would work that way. You can grant me support access so I can check it on your site.

    But I suggest just adding a CSS code to it, so you can just change one instance of it, than just adding/changing(if needed) those 3 times.

    Here's the exact CSS code for it:

    span.dropcap.style-3 {
      font-size: 16px;
      width: 55px;
      height: 55px;
      line-height: 58px;
    }

    Let me know if it works or not. :slight_smile:

    Cheers,
    Aicee

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.