Custom Header and Menu CSS help

• 

  vlogazul · Member · Sep 18, 2013 at 10:51 pm

  • Copy link
  • Add topic to favorites

  Hello!
  I am currently using the Forever theme and am wondering if somebody can help me create a snippet to make my menu bar be 100% width so that It can fit the page 100% on width. Also I would like to have my header image have the edges identical to the one I have on my menu bar. Thanks

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

• 

  siobhyb · Member · Sep 19, 2013 at 1:21 pm

  • Copy link

  Hey. Try the following snippet and post back if there’s anything wrong with the result. :)

  #masthead {
  width: 100%;
  margin-left: 0;
  }
  
  #page, #access {
  border: 0;
  }

  Also I would like to have my header image have the edges identical to the one I have on my menu bar.

  Try the following snippet:

  #masthead img {
  border: 2px solid #0a3143;
  border-radius: 5px;
  padding: 0;
  }

• 

  vlogazul · Member · Sep 19, 2013 at 4:08 pm

  • Copy link

  It worked perfectly! Thanks
  Also will you make a snippet to make the text to be regular and not italic when I try to put a caption to a picture. Thanks I would appreciate it. You are always so helpful and precise :)

• 

  siobhyb · Member · Sep 19, 2013 at 7:46 pm

  • Copy link

  Could you point out where the italic caption text appears on your site?

• 

  vlogazul · Member · Sep 19, 2013 at 8:52 pm

  • Copy link

  If you click on my latest post! Below the picture there’s a caption text. The text is in italic lettering and want it to be regular text for every caption text I upload on a pic. Thanks

• 

  siobhyb · Member · Sep 19, 2013 at 9:29 pm

  • Copy link

  Ok, the snippet you need is:

  .wp-caption-text {
  font-style: normal;
  }

  Glad you’re making good use of the custom CSS plugin. :)

• 

  vlogazul · Member · Sep 19, 2013 at 10:26 pm

  • Copy link

  It worked perfectly! now the only thing am missing is the social network icons to be on the right side just above the header and aligned to the right side of the header. The code you provided me with seems to be on the other side and not precisely on the right top of the header.

  Thank you very much, you have help me transform my blog and am so happy with the results. You are a rock star.

• 

  vlogazul · Member · Sep 20, 2013 at 7:49 pm

  • Copy link

  It worked perfectly! now the only thing am missing is the social network icons to be on the right side just above the header and aligned to the right side of the header. The code you provided me with seems to be on the other side and not precisely on the right top of the header.

  Thank you very much, you have help me transform my blog and am so happy with the results. You are a rock star.

• 

  justpi · Member · Sep 21, 2013 at 9:29 am

  • Copy link

  Please post CSS questions in the CSS forum, not the Support forum.