Mystique Theme – Change Colour of widget headings and text in widgets.

• 

  aimeebourke · Member · Oct 20, 2013 at 1:29 am

  • Copy link
  • Add topic to favorites

  Hi!

  I would like some help to change the footer widgets to change them to the same colour headings as the side widgets. Also i hate grey so i would like to change all text colour in all widgets to be black if possible?

  Thank you :-)

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

• 

  justpi · Member · Oct 20, 2013 at 1:49 am

  • Copy link

  #footer-widget-area .widget-title {
  background-image: url("/wp-content/themes/pub/mystique/colors/images/blue/widget-title-blue-large.png");
  color: #FFFFFF;
  text-shadow: none;
  }
  body {
  color: #000000;
  }

  (Applying 000000 to body will take care of your posts too.)

• 

  thesacredpath · Member · Oct 20, 2013 at 1:55 am

  • Copy link

  Hi, the following CSS will pretty much duplicate the style of the sidebar widget titles for the footer widget titles, except the background image for the widget title has to be compressed in width some due to the difference in size. You can create a new image at 205px in width, upload it to your media library, get the URL of that image and then replace the URL in the background image declaration below.

  For reference, or to use in creating the new image, here is the one for the sidebars: http://s0.wp.com/wp-content/themes/pub/mystique/colors/images/blue/widget-title-blue-large.png

  #footer-widget-area .widget-title {
      background-color: rgba(0, 0, 0, 0);
      background-image: url("http://s0.wp.com/wp-content/themes/pub/mystique/colors/images/blue/widget-title-blue-large.png?m=1391151725i");
      background-size: 100% 100%;
      color: #FFFFFF;
      letter-spacing: -0.5px;
      padding: 11px 5px 6px;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
      text-transform: uppercase;
  }

• 

  thesacredpath · Member · Oct 20, 2013 at 1:56 am

  • Copy link

  @justpi, thanks for catching this. I took too long on my CSS it seems. :)

• 

  justpi · Member · Oct 20, 2013 at 2:05 am

  • Copy link

  @Rich: You’re welcome, but no, you offered a more elaborate solution while I suggested a more rough-and-ready one.

• 

  thesacredpath · Member · Oct 20, 2013 at 2:09 am

  • Copy link

  Yes, but you also caught the other things, which I forgot and was about to respond to.

• 

  aimeebourke · Member · Oct 20, 2013 at 3:15 am

  • Copy link

  Thank you both very much! It looks fantastic! :-)

• 

  thesacredpath · Member · Oct 20, 2013 at 3:23 am

  • Copy link

  You are welcome.