Changing widget title colour

• 

  plinty · Member · Nov 7, 2015 at 10:34 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I would like to change the colour of all of my footer widget text/title. I have custom CSS but have never used it before.

  My website is:
  https://janinasofia.wordpress.com

  Does anyone know what CSS text I would need to enter in order to change this?

  Many thanks

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

• 

  nizamilputra · Member · Nov 9, 2015 at 8:32 am

  • Copy link

  Hi there,

  You can use this css;

  .footer-widgets .widget .widgettitle{
    color: #FFFFFF
  }

  You can change

  #FFFFFF

  with another colors.

• 

  plinty · Member · Nov 9, 2015 at 9:57 pm

  • Copy link

  Hey,

  Thank you so much! I have now changed the colour. Sorry to ask another question but do you know what CSS I need to change the reminder of the text right at the bottom (one is the “Follow” text box and below that, “blog at wordpress.com” and “the puzzle theme”).

  Thanks again!

• 

  nizamilputra · Member · Nov 10, 2015 at 2:46 am

  • Copy link

  Here is for Follow button:

  input[type="submit"], input[type="submit"]:hover{
    border-color: #e68d09;
    color: #e68d09;
  }

  And here is for the credit text:

  .footer-wrap a{
    color: #e68d09;
  }

• 

  plinty · Member · Nov 10, 2015 at 9:34 am

  • Copy link

  Super- thanks very much!

• 

  nizamilputra · Member · Nov 10, 2015 at 9:37 am

  • Copy link

  You are welcome!

• 

  plinty · Member · Nov 26, 2015 at 8:54 am

  • Copy link

  Hi,

  Sorry, I have yet another CSS question. How would I change the colour for the following:

  1. At the top of the page: the menu headers (i.e. London, Elsewhere etc.)
  2. At the bottom of the page: the tag words

  Thank you

• 

  plinty · Member · Nov 26, 2015 at 8:55 am

  • Copy link

  Ooops, I forgot to say that my website is now called:
  http://www.snapsandthat.com

• 

  nizamilputra · Member · Nov 27, 2015 at 8:01 am

  • Copy link

  Hi there,

  1. At the top of the page: the menu headers (i.e. London, Elsewhere etc.)

  .masthead .menu li a{
     color: #1E8CBE;
  }
  // Color will change when your pointer over the link
  .masthead .menu li a:hover{
    color: #607D8B
  }

  2. At the bottom of the page: the tag words

  .wp_widget_tag_cloud a{
     color: #1E8CBE;
  }
  
  .wp_widget_tag_cloud a:hover{
    color: #607D8B
  }

• 

  plinty · Member · Nov 27, 2015 at 8:02 pm

  • Copy link

  Hi,

  Wonderful- thank you so much again! That’s really helpful.