1 Widget Font/ Color CSS code

• 

  adventuresweseek · Member · Jul 25, 2012 at 10:52 pm

  • Copy link
  • Add topic to favorites

  I am trying to change the font, color and background color on only 1 widget. Widget #20 in my sidebar. I would like the places to see list to look different then the rest, but I just can not seem to find the right code to do so.

  Please take a look. I would love some ideas on how to do this.
  http://www.adventuresweseek.com
  Thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  petegale · Member · Jul 26, 2012 at 8:57 pm

  • Copy link

  Your “Places to See” widget has an ID of “text-7”. You should be able to target your CSS by this ID, for example:

  #text-7 { border: 2px solid #C9C9C9; }

  For something inside that widget:

  #text-7 .widget-title { font-size: 20px; }

  Hope that helps.

• 

  adventuresweseek · Member · Jul 26, 2012 at 9:21 pm

  • Copy link

  Thank you Pete, I typed this in, but it didn’t change anything. What am I doing wrong?

  #text-7 .widget-title {
  text – color: 000000;
  background – color: 2F4F4F}

• 

  petegale · Member · Jul 26, 2012 at 9:44 pm

  • Copy link

  A couple of things. First, your missing the # in front of colour hex codes. You don’t have spaces either side of the hyphen either, and it’s just “color” to affect text colour. So, the following:

  #text-7 .widget-title { color: #000000; background: #2F4F4F; }

  You can go for background-color or background, either is fine. You can only set the color with
  background-color
  property, but with just background you can add other things into the same line later.

  http://www.w3schools.com/css/css_background.asp

  Also don’t forget a semi-colon on the end of your background colour. It’s not necessary on the last property of each element, but it’s good practice – if you add another property later, you might be left wondering why it didn’t work and forget you missed the semi colon.

• 

  petegale · Member · Jul 26, 2012 at 9:46 pm

  • Copy link

  Sorry, screwed up a tag in there. As there’s no Edit button I assume a mod will fix this – apologies!

• 

  kathrynwp · Staff · Jul 30, 2012 at 2:39 pm

  • Copy link

  The wonky formatting is now fixed. :-)