WordPress.org

1. Makem Morlando
   Member
   Posted 2 years ago #

   Hi!

   I would love to remove the gap between the banner and nav bar. Can anyone help?

   Here is my site -

   seahamharbourboatclub.com

2. digitalnature
   Member
   Posted 2 years ago #

   css
   #site-title{ padding:0; }

3. Makem Morlando
   Member
   Posted 2 years ago #

   many thanks for the quick reply digitalnature!

   Much better. Thanks for the great theme too :D

4. andykenneally
   Member
   Posted 1 year ago #

   I tried that fix but it did not work with my site: http://carmensunion589.org/wordpress/

   Can you help by looking at the code?

5. Michael
   Member
   Posted 1 year ago #

   I believe the issue is the logo itself.

   It has a red border on the bottom and the right side.

   If you remove the bottom red edge you should be able to close the gap.

   Michael

6. andykenneally
   Member
   Posted 1 year ago #

   I took care of that, but there is still an small gap between the banner and the nav bar. I could have closed the gap between the nav bar and the content, but wanted it to look even with the one above it. Ultimately I would like to close both gaps.

7. Michael
   Member
   Posted 1 year ago #

   In the style.css change this line

   #site-title #logo {
   float:left;
   font-size:400%;
   font-style:normal;
   font-weight:bold;
   line-height:60px;
   margin:0 0 -12px;
   padding:0;
   }

   and

   .shadow-right {
   background:url("images/shadow.png") no-repeat scroll right bottom transparent;
   padding-bottom:0;
   position:relative;
   }

   and in the mystique user css change this

   .shadow-right {
   background:url("images/shadow.png") no-repeat scroll right bottom transparent;
   padding-bottom:0;
   position:relative;
   }

   That may work.

   Michael

8. andykenneally
   Member
   Posted 1 year ago #

   Michael that worked perfectly!!!! You are a life saver! Thank you so much for taking the time to work on this with me.

   One last question, is there a way to change the color of the nav bar to black - without changing anything else - to make it stick out more?

   Thanks,

   Andrew

9. Michael
   Member
   Posted 1 year ago #

   This color is actually an image. You will need to change the image to change the color.

   ul.navigation {
   background:url("images/nav.png") repeat-x scroll left top #EEEEEE;
   list-style-type:none;
   margin:0;
   padding:0;
   position:relative;
   width:100%;
   z-index:15;
   }

   Michael

10. andykenneally
    Member
    Posted 1 year ago #

    How would I change the image? I tried just replacing the code in style.css, but nothing happened.

11. Michael
    Member
    Posted 1 year ago #

    You will need a new image in the color you want. The style.css alone will not change the background of the nav bar.

    Bring the image up in a image editor and change the color and then replace the old with the new or add a new URL to the new image.

    Michael

12. andykenneally
    Member
    Posted 1 year ago #

    Gotcha, thanks Michael!

Topic Closed

This topic has been closed to new replies.