How to make font smaller here?

  • AdrienNash

    (@adriennash)


    3 years ago

    Hi WP Community!

    Thank you for having a look at this question and potentially helping me to resolve it!

    I’m just trying to make the font smaller on the output when someone completes the 3 options to choose from. If you have a look at the site.. a person can select: 1. Skin Type 2. Natural Body 3. Natural Home.. once they’re done.. they will be presented with a monthly reoccuring price. The font pricing that states: “$39.00 $31.00 each 1 month” is just a little to big. I would like to have the font be the same size as the output above the three questions that say the same thing.. just in a smaller font. Here’s a screenshot of what I would like the font size to look like and what I want to change. The size that’s circled in red is what I want to change from. And the size of the font “above” the three questions is what I would like to change it too. Hope this is not to much information and I’m not complicating this request.

    https://prn.sc/i/xBUial

    Best,
    Adrien

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • You will need some custom CSS which you can add in the wp-admin customizer..
    Appearance → Customize &rarr Additional CSS

    The default css for font is 

    .woocommerce div.product p.price {
font-size: 1.25em; 
}

    You’d need to add that exact code with a smaller number. I’d suggest making it 1em if you want it to be the same size as the text below it.

    Hope this helps.

    Thread Starter AdrienNash

    (@adriennash)

    @binarywc

    Thank you very much for your help with this! It works.. however, I’m wanting to do the opposite and make the text below “smaller” like the text above. Would I use the same CSS and instead of using: .woocommerce I would use .sumo subscription since that’s where the text is coming from? Hope that makes sense.

    All the best,
    Adrien

    • This reply was modified 3 years ago by AdrienNash.

    My bad. I misread your original post.. you would need this code in the additional css area that I mentioned earlier then.

    .woocommerce-product-details__short-description {
    font-size: .99em;
    }

    I only started with .99em since that will be smaller than the 1em it is by default.

    Hope this helps.

    Thread Starter AdrienNash

    (@adriennash)

    @binarywc

    No problem at all! That worked perfectly! ??

    Thank you very much for all of your help with this! I really appreciate it!

    All the best,
    Adrien

    It was my pleasure to help you. Please mark the thread as resolved on the right side of the page using the status drop down box.

    Happy Blogging.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to make font smaller here?’ is closed to new replies.