WordPress.org

1. kingswood
   Member
   Posted 1 year ago #
   

   Hello! I am just getting the hang of editing in css and everything has been going well until my header image and menu bar got off center.

   Here is the link to my blog: http://www.thekingswoodcompany.com/newsletter.

   I am trying to make it look like my company's website: http://www.thekingswoodcompany.com

   Please help!

2. esmi
   Theme Diva & Forum Moderator
   Posted 1 year ago #
   

   The two look virtually identical in Firefox 5.

3. kingswood
   Member
   Posted 1 year ago #
   

   I just need to make the white space around the header image and menu shrink a bit more. Should I adjust the margins?

   I'd also like to center the menu links and make the font bold.

   I just can't seem to figure it out!

4. nisaiy
   Member
   Posted 1 year ago #
   

   Your image has a lot of white space. You can crop your image as it height is up to 88px. For the menu, you can try:

   #access a { line-height: 30px; font-weight: bold; }
   #main{ padding: 25px 0 0 0; }
   #access .menu-header ul, div.menu ul{ margin-left: 30px; }

5. kingswood
   Member
   Posted 1 year ago #
   

   I eliminated a lot of the white space by editing the header image but I added what you suggested but it didn't seem to do anything. I'm Stumped.

6. kingswood
   Member
   Posted 1 year ago #
   

   Ah! I'm unsure of what I've done but the whole blog has be shoved the left!

7. nisaiy
   Member
   Posted 1 year ago #
   

   Just copy and paste this code into the end of your style sheet:
   

   #access ul.menu a { line-height: 30px; font-weight: bold; }
   #wrapper #main{ padding: 25px 0 0 0; }
   #masthead #access .menu-header ul.menu, #masthead div.menu ul{ margin-left: 15px; }

   Note: This code should override your existing style.

Topic Closed

This topic has been closed to new replies.