WordPress.com

1. fuminator
   Member
   Mar 4, 2013, 5:42 AM

   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.

2. fuminator
   Member
   Mar 4, 2013, 6:16 AM

   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?

3. designsimply
   Staff
   Mar 5, 2013, 9:58 PM

   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;
   }

4. fuminator
   Member
   Mar 6, 2013, 3:46 AM

   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?

5. designsimply
   Staff
   Mar 6, 2013, 6:58 PM

   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.

Topic Closed

This topic has been closed to new replies.