WordPress.com

1. masalawala
   Member
   Jul 21, 2012, 4:56 PM

   I have made some minor customization changes to the css style sheet (font colors for headers and links) for the Sundance Theme. However, these changes are only on the main site and not on all pages (i.e., About me, etc). What do I need to do to have these changes on all pages?

   Thanks!!

   The blog I need help with is masalawalaeats.com.

2. thesacredpath
   Staff
   Jul 22, 2012, 3:20 AM

   If you could be a little more specific on what is on the main page that you want to be on the static pages. Right now I see the content text is the default font, but the font on the about page is a custom font you have declared via typekit.

3. masalawala
   Member
   Jul 23, 2012, 1:09 PM

   Good point. I am using the CSS style sheet custom upgrade. I would like the font colors and fonts which I have declared on the first page to continue on all pages. The title font and color for each post and the font colors for accents (hovering on links and visited sites). I think I might have gotten it to work with the code below but I wonder if there is a more elegant solution or if this is only working on luck.

   Thanks for your help!!

   .entry-title a:link,.entry-title a:visited {
   color:#FF3300;
   }

   h1 {
   color:#FF3300;
   }

   h2 {
   color:#FF3300;
   }

   h3 {
   color:#FF3300;
   }

   h4 {
   color:#FF3300;
   }

   h5 {
   color:#FF3300;
   }

   h6 {
   color:#FF3300;
   }

   hr {
   color:#FF3300;
   }

   a:link {
   color:#009933;
   }

   a:visited {
   color:#FF4B33;
   }

   a:active,a:hover {
   color:#006633;
   }

4. thesacredpath
   Staff
   Jul 23, 2012, 5:58 PM

   It is very likely that more specific selectors are used for the different h elements in the theme. This is typically the case, and as an example an h3 for widget titles might be styled under a class of "widget-title" instead. Same with some of the other typically used h elements in the theme design (typically h1-3) so you have to actually look at the HTML (markup for the pages and elements to see what CSS would be associated with those specific elements.

   As an example, the post title on the main page is h1 and a link and under:
   .entry-title a:link, .entry-title a:visited

   If you click through to a single post page or to any static page (about, etc.) then the titles h1 under:
   .entry-title

   I would recommend getting Firebug for firefox (if you are using firefox) or see if there is an "inspector" in the browser you are using. IE9, Chrome and Safari have features that allow you to inspect the elements of a web page and see what HTML and CSS is associated with those elements and in most cases you can even tryout CSS changes in real time.

   If what you have above is working, then that is all that is necessary at this time. Your pages look consistent to me right now. If there is something specific, let us know.

5. masalawala
   Member
   Jul 23, 2012, 6:46 PM

   Thanks for your feedback. I am new to this so I will look into your suggestion of inspecting the elements in both HTML and CSS. But, for now I am glad that what I have is working so I think I will just stick with it! Thanks!

6. thesacredpath
   Staff
   Jul 23, 2012, 8:43 PM

   You are welcome. There are many ways to do things with CSS, and how many ways sort of depends on how the CSS is done. In some themes, the way you have done it would not work, but in this theme it does, and whatever way works is always good. If you discover any problems later on, just let us know and we can help figure it out.

Topic Closed

This topic has been closed to new replies.