Able theme CSS to change text widget title from italics to normal text

  • Author
    Posts
  • #1123651

    scott777tx
    Member

    Hello. I would like to change the text widget title on my blog from italics to normal text. The theme I am using it ABLE. What is the custom CSS needed to accomplish this? The default text widget format is for the title to be in Italics. Thanks for your help!

    The blog I need help with is scottschieffer.com.

    #1123808

    For all the widget titles:

    .widget-title {
    font-style: normal;
    }

    If you just want to change the title for a single widget then add the aside id. For example:


    #text-15 .widget-title {
    font-style: normal;
    }

    #1123811

    scott777tx
    Member

    Thank you so much. If I want to change the font size of individual widgets, then how do I do that, as well?

    #1123816

    You’re welcome.

    Depends a bit on the stuff you have inside the widget, and which part of the widget you want to affect.

    I don’t know what browser your using, but IE, Firefox, and Opera, Safari all have code inspectors that will allow you to look at the HTML and CSS (don’t know about Chrome). Then you can look up the attribute and the css.

    To change font size you need to change the font-size property in your CSS.

    #1123822

    scott777tx
    Member

    Thanks for the feedback. I am now trying to change the font for the title of the Contact Information widget. This is what I tried:

    #widget-contact-info-2 .widget-title {
    font-style: normal;
    }

    But it did not work. Any advice?

    #1123844


    #widget_contact_info-2 .widget-title {
    font-style: normal;
    }

    That’s because you got the underscore and dashes mixed up. ;-) Just tested the above and it should work.

    #1123875

    scott777tx
    Member

    Wonderful! Thank you.

    #1123939

    You’re welcome. Good luck. :-)

The topic ‘Able theme CSS to change text widget title from italics to normal text’ is closed to new replies.