WordPress.com

1. uribg
   Member
   Jan 18, 2011, 6:57 PM

   I would like to change the font color for the blog title because it doesn't show up over the header image. I know i need custom CSS upgrade but thought i could try and preview the change before i buy. Edit CSS will not allow me to. WordPress support said:

   You can change this color by adjusting the stylesheet for your current theme. This will require a custom CSS upgrade. You can find more information about this at:
   http://en.support.wordpress.com/custom-css/

   You'd want to adjust the color set to #header h1 a. Let me know if you have any further questions.

   HELP! The blog is uribotanicalgardens.wordpress.com the theme is Andrea.

   The blog I need help with is uribotanicalgardens.wordpress.com.

2. thesacredpath
   Member
   Jan 18, 2011, 7:35 PM

   @uribg, at wordpress.COM, you don't actually "edit" the existing CSS. What you do is make additions or changes that override the existing.

   Delete everything from the CSS edit window (it is informational text) and add the following and then change the hex color code to the code you want to use.

   #header h1 a {
   color: #FFFFFF;
   }

   Click the preview button. If the change does not show up, then force refresh that preview page. Sometimes the browsers will pull up a cached version of the page instead of creating a new preview.

3. uribg
   Member
   Jan 18, 2011, 8:14 PM

   AHA! Thank you! It worked. I wasn't in the edit window, i was in view stylesheet.
   Can i change the font type/size the same way (with the upgrade)?

   Thank you again.

4. thesacredpath
   Member
   Jan 18, 2011, 8:33 PM

   Yes, just add the declarations you wish to that selector such as below. The fonts and the size below are what is used now. I included font-weight as well where you can change it to bold of you wished.

   #header h1 a {
   color: #FFFFFF;
   font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
   font-size: 22px;
   font-weight: normal;
   }

   A note on fonts though. Stick with fonts that are likely installed on ALL computers since the browser will pull fonts from the computer and if the font isn't there, it will substitute with typically either the browser standard serif or san-serif. The following link will give you a guide.

   http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

   You can also use the typekit service which is supported here and then the fonts will be pulled from typekit which would give you a lot larger selection.

   http://typekit.com/

5. uribg
   Member
   Jan 18, 2011, 9:00 PM

   Thank you for that bit of code and your clear explanation. i think i will have to experiment to make the title and the tagline both the same color, size, and weight. but it is beginning to make sense. Thanks.

6. thesacredpath
   Member
   Jan 18, 2011, 10:26 PM

   You're welcome, and finding a color for the site title that will be legible in that particular spot will be tricky given the varied color values there.

Topic Closed

This topic has been closed to new replies.