How to change widget title font size?

Home – Elementor Forums Free Themes Support ForumHow to change widget title font size? ResponsiveHow to change widget title font size? How to change widget title font size?

This topic contains 9 replies, has 5 voices, and was last updated by  Susmita 2 months ago.

  • Author
    Posts
  • #153294

    wezzo
    Member

    Hi,

    After recently updating to wordpress 3.8.1 my widget fonts have gone super large. I’ve tried to change the style sheet (edited code below) to bring the font size down but nothing seems to happen. Example page http://www.fitmywoodfloor.co.uk/about-us/

    }

    .widget-title,
    .widget-title-home h3 {
    font-size: 10px;
    height: 10px;
    line-height: 13px;
    text-align: left;
    }

    Any thoughts peeps? :)

  • #153299

    Jitendra Mishra
    Participant

    Hi,

    Curently help with custom CSS/HTML is reserved for paying customers. For getting supports regarding this:

    1. You could upgrade to Responsive Pro. Which entitles you to one free trial month of CyberChimps Plus.

    2. Or if you’d like to still just use Responsive Free, but get extra help, you could just sign up for CyberChimps Plus:
    https://cyberchimps.com/plus/

    NOTE: If you’re a new customer, as of January 16, 2014, you are entitled to one free trial month of CyberChimps Plus with theme purchase. Just go to https://cyberchimps.com/plus/ and it will automatically add the free trial month to your account (must be logged in). You can cancel it at any anytime.
    https://cyberchimps.com/forum-topic/responsive-free-support-is-changing/

  • #153306

    wezzo
    Member

    Thanks for getting back to me Jitendra.

    I’ve found the right part of the css that needed changing. For others that need to do this, look for:

    h3 {
    font-size: 1.875em; /* = 20px */
    margin-bottom: .857em;
    margin-top: .857em;
    }

    In your style sheet. Find this code and change the number value of the font size (= 20px) and stop being lazy lol..You gotta work this stuff out if you want to play with websites ;)

  • #153308

    wezzo
    Member

    P.s. Resolved :)

  • #153309

    wezzo
    Member

    Ooops that maybe the wrong code. It does work but it’s the section for all heading fonts. You’ll get their :)

  • #153326

    Christine
    Participant

    The H3 in the widgets are in the div with id=”widgets”,

    So try
    #widgets h3 { css goes here } instead.

  • #153330

    wezzo
    Member

    Thanks very much Christine!

    Everyday’s a learning day :)

  • #153332

    Christine
    Participant

    It is indeed! Have a good one.

  • #306357

    nammametrocity.com
    Participant

    I m very new to wordpress, my wordpress widget titles font size increased. How to decrease. Please look this issue here:
    http://nammametrocity.com/

  • #306372

    Susmita
    Keymaster

    Hi @nammametrocity.com,

    Apologies for the delay.

    I have gone through your site: http://nammametrocity.com/ and I can see that you are not using the ‘Responsive theme’. Have you changed the theme on your site? If the issue is with the other theme then you need to contact the respective author of the theme.

    Thank you.

You must be logged in to reply to this topic.