Can someone help with CSS?

• 

  mummyheartsyou · Member · Jan 25, 2015 at 5:14 pm

  • Copy link
  • Add topic to favorites

  Good evening,

  I wonder if someone would be able to help me with CSS? I still struggle with it daily and cannot seem to get my head round it..

  I am trying to change the colour of the font down the side in the widget area to grey.. also can this be done to the posts? I have a brown font at the bottom which are my tags/date/posted etc..

  I am also trying to remove the green twig thing.. Not a fan!

  Thanks in advance I really appreciate any help!

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

• 

  staff-happychia · Staff · Jan 25, 2015 at 7:08 pm

  • Copy link

  Please add this CSS and see if you like the result:

  div#secondary .widget a {
      color: gray;
  }
  
  .post {
      color: gray;
  }
  
  .vines {
      display:none;
  }
  
  .site-description {
  	border-bottom: 1px solid gray;
  padding-bottom: 15px;
  }

• 

  mummyheartsyou · Member · Jan 25, 2015 at 7:11 pm

  • Copy link

  Ah thank you! Its got rid of the green squiggle, but the text is still grey.. I had a few problems with this last time and I ended up leaving it, but its a tad annoying! Thanks for your help though!

• 

  mummyheartsyou · Member · Jan 25, 2015 at 7:16 pm

  • Copy link

  Also If someone could help with centralising the widget area, so the text sits under the image rather than to the side, I would appreciate it very much :)

• 

  staff-happychia · Staff · Jan 25, 2015 at 7:17 pm

  • Copy link

  I can’t see

  div#secondary .widget a {
  color: gray;
  }

  which is needed to change the widget text to gray.

  Please add this style which is same as above plus added a selector to change the site description to gray as well:

  div#secondary .widget a, .site-description {
      color: gray;
  }

• 

  mummyheartsyou · Member · Jan 25, 2015 at 7:19 pm

  • Copy link

  Aha! Thank you ever so much!

• 

  staff-happychia · Staff · Jan 25, 2015 at 7:22 pm

  • Copy link

  This style centers the text in the widget area except the coupon codes.

  div#secondary {
      text-align:center;
  }

  Coupon codes have inline style floating them to left. You might want to remove them so the following rule is able to center them as well.

• 

  mummyheartsyou · Member · Jan 25, 2015 at 7:24 pm

  • Copy link

  Oh thank you that looks great! Really appreciate your help :)

• 

  staff-happychia · Staff · Jan 25, 2015 at 7:24 pm

  • Copy link

  No problem :-)