Change Color of Headings of the post and headings of widget

  • Author
    Posts
  • #1170951

    fuminator
    Member

    I use Under the Influence Theme. After I upgraged, i was told that this theme does not work with custome color option… so i am trying to use CSS to change the color of headings of each post to Navy Blue and widget headings to Red. Please tell me how to do it. I tryied
    h1 { headings-color: red;} but didn’t work.

    The blog I need help with is athomeusa.org.

    #1171051

    fuminator
    Member

    well i guess post title and widget title is the “Headings”. So how can i change the color of Heading to simple black to navy blue?? or can I change it at all?? with Under the Influence Theme?

    #1171199

    i am trying to use CSS to change the color of headings of each post to Navy Blue and widget headings to Red.

    You’re close! The Under the Influence theme uses the h2 tag for post titles, not h1. Here is a CSS example that you can add to your Appearance → Custom Design → CSS editor that will turn post and page titles navy blue:

    h2,
    h2 a {
    	color: #000080;
    }

    The widget titles actually also use the h2 tag, so that rule should affect them as well. However, navy blue is hard to distinguish from black at small font sizes (at least in my opinion), so you might want to make those headings a little larger and use a different color for them. You could do it with CSS like this:

    #sidebar h2,
    #sidebar h2 a {
    	color: #152d99;
    	font-size: 1.3em;
    }
    #1171202

    fuminator
    Member

    Thank you sooo much!! it worked!! I will just pick the right color number and it will be perfect!! Thank you!!

    Do you also know the code for changing the link color?

    #1171205

    Certainly. The base link color in the Under the Influence theme is controlled by CSS like this:

    a {
    	color: #0f0;
    }

    But there are also several more specific rules that set link color in other areas. Here is a list that will adjust several of them at once:

    a,
    .postmetadata a,
    .tags a,
    #credits a,
    .commentmetadata a,
    .read_more {
    	color: #0f0;
    }

    Change the color value as needed. Note that you can add or remove elements from that list depending on what types of links you want to adjust.

The topic ‘Change Color of Headings of the post and headings of widget’ is closed to new replies.