How do I change the font color on the Bueno theme?

• 

  breastfeedchicago · Member · Jul 1, 2011 at 8:33 pm

  • Copy link
  • Add topic to favorites

  Hi, I am new to the whole CSS language but I think I have a surface understanding of the basics. I have upgraded to the custom design and am able to see the CSS coding but I can’t figure out what I am supposed to do to actually make those changes. I would like the text and the widget headings to be black (or at least not grey). I think I found the spot where the code needs to go but when I tried typing it in and I wasn’t able to. Maybe I am not at the right place? Where exactly am I supposed to go to change the CSS codes. Any guidance would be very helpful. Thank you.

• 

  designsimply · Member · Jul 1, 2011 at 10:23 pm

  • Copy link

  You should go to Appearance → Custom Design → CSS tab and enter the code there.

  To change the sidebar headings black in the Bueno theme, try this:

  .widget h3 { color: black; }

  If you want to brush up on the basics, check out the CSS help links at http://en.support.wordpress.com/custom-design/custom-css/#css-help

  I’ve heard the HTML Dog CSS tutorial is good.

  I found this one recently and it looks very nice.

  What other CSS tutorials do you guys like best?

• 

  breastfeedchicago · Member · Jul 2, 2011 at 1:08 am

  • Copy link

  Thank you for your reply. I think I need further instruction. I have gone to Appearance, Custom Design and then the CSS tab. Then what. Do I delete out all the CSS coding in the CSS Stylesheet Editor box? I think I need more step by step instructions. I understand that I need to put in a new code but how do I figure out where it goes? I have tried replacing coding in various places where I think it is appropriate so that my text would turn black and so far, nothing. it stays the same. I have made sure to save my changes too so i am not quite sure what I am doing wrong. I would really appreciate any assistance. As you can see, I need more detailed answers, it seems. Thank you!

• 

  thesacredpath · Member · Jul 2, 2011 at 1:41 am

  • Copy link

  What is in the CSS edit box, if you have not yet added anything, is informational text. Delete it and then add what Designsimply gave above. Do not paste the entire style sheet into the edit window. That can cause your site to go wacky. You only want to put into the CSS edit window the exact selectors, and the exact declarations you are adding or changing.

• 

  breastfeedchicago · Member · Jul 2, 2011 at 3:04 am

  • Copy link

  Ahhh, that helped. So now I have changed the color for my widget headings, now how do I change the text for the postings to black as well as the text in each of the widget categories? Thanks for the help! I really appreciate it!

• 

  thesacredpath · Member · Jul 2, 2011 at 3:27 am

  • Copy link

  Give this a try.

  .entry p, .widget ul li a:link, .widget ul li a:visited, #sidebar p {
  color: #000000;
  }

• 

  panaghiotisadam · Member · Jul 2, 2011 at 3:34 am

  • Copy link

  In my opinion, pure black is too harsh. I would replace “color:black” and “color:#000000” with “color:#333”.

• 

  breastfeedchicago · Member · Jul 2, 2011 at 4:03 am

  • Copy link

  Ahhh, that helped. So now I have changed the color for my widget headings, now how do I change the text for the postings to black as well as the text in each of the widget categories? Thanks for the help! I really appreciate it!

• 

  breastfeedchicago · Member · Jul 2, 2011 at 4:04 am

  • Copy link

  Somehow my last question was reposted. Anyway, I meant to send a response thanking everyone for the help. It worked! I could have stared at the screen all night and not made it work. I really appreciate it! I am sure I will be back here again soon asking more questions!

• 

  thesacredpath · Member · Jul 2, 2011 at 4:36 am

  • Copy link

  You are welcome.