CSS change for twitter widget

• 

  manickmanda · Member · Oct 21, 2014 at 7:56 pm

  • Copy link
  • Add topic to favorites

  Hi Lovely Support Team

  I have searched the forums but I can’t get any of the css shown to work.

  I would like to change the colour of the text on my twitter widget please. I have purchased the custom design option and gone into CSS Revisions.

  So far I have tried:

  .tweets li {
  color: #ca1212;
  }

  blockquote.twitter-tweet {
  color: #ca1212;
  }

  /* For widget background and text color */
  .widget {
  background-color: #000;
  color: #fff;
  }
  But I can’t seem to change the text colour. Please could you advise me what I am doing wrong. I can see the font colour #707070 I think in the original stylesheet but can’t work out which section of that code I need to revise.

  I am working on this site: http://www.simonkettlewell.org

  Many thanks

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

• 

  shawnajroberts · Member · Oct 21, 2014 at 8:45 pm

  • Copy link

  Here are some resources for learning how to find the correct CSS selectors:

  An Intro to CSS: Finding CSS Selectors

  An Intro to CSS, or How to Make Things Look Like You Like

  And you can find some more CSS resources here:

  http://en.support.wordpress.com/custom-design/custom-css/#css-help

  For this case, try using the selector .widget_twitter_timeline

  Also, the Twitter widget has a ‘dark’ and ‘light’ setting. Currently your widget is set to light, but if you switch it to dark it will be readable on your site. (I know this setting is a bit confusing. It wants to know whether the overall look of your site is light or dark, not which one you want the widget to be.)

  Hope that helps! Let me know if you have more questions!