Widget Headings

  • Author
  • #715912


    Is it possible to change the color of my widget headings for a theme once I purchase the customization upgrade? I do not like the green color of the widget headings that are currently on my blog and would like to change them to the dark blue of the links.

    The blog I need help with is justeneason.com.



    This is the result of clicking your username:

    mistereason.wordpress.com is no longer available.
    The authors have deleted this blog.

    Will you please post an active link starting with http:// to the blog in question so it can be examined and an answer can be provided?

    Here’s how to link your username to your active blog in your blog Dashboard -> Users -> Personal Settings -> then scroll down to Account Details. Then scroll down to where it says ‘Website‘ select the URL for your primary wordpress.com blog and then save changes.




    Sorry, I’m working on it now. Thanks!



    I do not help with CSS editing. Either Staff or another Volunteer will assist you when they can. Please be patient while waiting for them to respond.


    I see you’re currently using the Tarski theme at http://justeneason.com/

    You can change the widget heading colors in Tarski with CSS like this:

    h3 {
        color: #006A80;

    That CSS will change the color for all H3 elements, including the “Share This:” text below posts. You can try it on the Appearance → Custom Design → CSS page with the preview button.



    That’s exactly what I needed! Thank you! For future reference though, how do I know what text is what heading? How did you find out that the green text was h3?


    Good question! You can look at the html structure by viewing the page source. There are also tools to help you. In Chrome and Safari, you can right-click on something and select Inspect Element and a panel will open and show you the html detail as well as the CSS that applies to that html on the right. You can also see the same thing if you install the Firebug add-on for Firefox. http://getfirebug.com/

    Another thing you can do is look directly at the original CSS file linked on your Appearance → Custom Design → CSS page. If you saw in the html that the titles were using h3, then you could look for all the h3 mentions in the CSS to see how they are styled.

The topic ‘Widget Headings’ is closed to new replies.