WordPress.org

Ready to get started?Download WordPress

Forums

[closed] How to change font type, font size/color on sidebar widget titles (9 posts)

  1. RoyalPen
    Member
    Posted 2 years ago #

    Hello,

    I am trying to change the font type, size and color of my sidebar widget titles. My website is http://www.miraclesexpectedtoday.com.

    I already activated the Child Theme with TwentyEleven as the parent. I am not sure what and where to put the changes.

    I want all the sidebar titles to be deep purple, with Harrington (bold) font type, size 14.

    Can anyone help?

  2. esmi
    Forum Moderator
    Posted 2 years ago #

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

  3. RoyalPen
    Member
    Posted 2 years ago #

    Hello esmi,

    Thank you for the info. I tried to study getfirebug.com and found out that a user would still need to know some basic CSS or other codes to use it.

    My problem lies on 'what and where' to insert these codes to the style.css of the Child theme that I created with TwentyEleven as the parent for these desired changes on the website to take effect.

    Can anybody help?

    Thanks.

    Erbe

  4. keesiemeijer
    moderator
    Posted 2 years ago #

    put this at the bottom of your child's theme stylesheet (style.css):

    .widget-title {
        color: #666666;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 0.1em;
        line-height: 2.6em;
        text-transform: uppercase;
    }

    And change the values of the properties (color, font-size ... etc).

    To change the font add the font-family property:
    http://www.devlounge.net/design/better-font-families-in-css

    css tutorial: http://www.htmldog.com/guides/cssbeginner/

  5. RoyalPen
    Member
    Posted 2 years ago #

    Thank you very much. It worked :) I just added the font family property and it worked just fine.

    Erbe

  6. Dana Evans
    Member
    Posted 1 year ago #

    What about using different color for text of content in places?

  7. julienne
    Member
    Posted 1 year ago #

    We used to be able to use <span style="color: #339966;">blabla</span>

    There was nothing wrong with that...it worked.

    Now after upgrade its can't be done.

    Everytime there is an upgrade 'something in WordPress ' you KNOW always worked now does'nt.

    Argeeeee!

  8. julienne
    Member
    Posted 1 year ago #

    Ok, just c/p a text I had made red in a post, its shows with using wp attribute for color which was same as mine.

    It does'nt work on my text in the sidebar though.

    J

  9. Andrew
    Forum Moderator
    Posted 1 year ago #

    Sorry Julienne, you'll have to create your own thread for support with your issue.

Topic Closed

This topic has been closed to new replies.

About this Topic