• Hi there! I just moved my site from Blogger to WordPress and am using the Genesis SocialEyes child theme. I have searched, read, and tried everything to get these two issues resolved:

    1) I am trying to make my top nav bar more narrow. If you mouse over the tabs, you’ll see that the hover height is much smaller. I would like the nav bar to be the same height. I’ve tried changing padding and margins, but nothing is working.

    2) I would like to have the top of the content to be flush with the nav bar… no padding/space in between. I have Ads running and would prefer that they aren’t “floating” in the air… I would like to have the white content background to go flush with the bottom nav bar.

    Thanks so much for any help you can give. ??

    Tree
    https://www.motherofpearlitis.net

Viewing 9 replies - 1 through 9 (of 9 total)
  • mopii

    1) The problem with the navigation being to big has to do with the margins. To make everything flush, in the left hand column of your admin panel go to “Appearance” -> “Editor”. In the stylesheet that comes up in the editor window, scroll down to #nav ul and insert” margin:0; “.

    2) To eliminate the the gap between the Advertising and the menu and content is a little trickier. There are two possible solutions.
    a) The gap is hard coded into the html and you need to edit the php template to eliminate it. It is probably contained inside the header.php template file, you will have to look to find out which file contains it and delete the tags.
    b) Another possibility is to “turn off” the break tags. You can create a style rule in the editor as such:
    br { display:none;}
    This will turn off all the <br /> tags in your site. If there are other areas where they are used to force a line break, they will stop working, so its up to you if you want to try this out.

    Thread Starter mopii

    (@mopii)

    Thank you so much! The first thing worked perfectly. ?? I know html/css fairly well, but have no clue when it comes to php. What wording should I be looking for in the header.php file to remove?

    Thread Starter mopii

    (@mopii)

    I just looked and I only have the following templates:

    home.php, functions.php, and footer-widgets.php.

    Yours is a very simple setup, usually there are more templates that make up the theme. You would look in home.php, look for a <br /> tag before and after a <table width='738'>. The table is the container for the iframe that holds the adverstising. When you find the <br /> tag simply delete them.

    The code will likely be located outside of the php tags, so it should make it a little easier to spot. If you have a code editor like Notepad++, Oxygen, Coda or Dreamweaver’s code view, it will make the changes much easier. Just copy and paste into the editor then copy and paste back into WordPress. Works similarly if you are doing the changes via ftp access.

    Thread Starter mopii

    (@mopii)

    I’m sorry.. I don’t see anything like that in the home.php or the functions.php. I even did Ctrl F to search for both table and 738, and nothing came up. My home.php file has very little in it, so it was easy to search for, but couldn’t find. ??

    Just reread your posts and realized it’s a child theme you have. I thought it was odd there were so few template files, my bad. ?? You will have to find the parent template and make changes in there looking for the tags I had previously mentioned.

    Another possibility is trying to edit the home template file php, or create your own, to override the parent, which is more involved.

    Thread Starter mopii

    (@mopii)

    Thanks again. I can see the
    when using Firebug, but can’t find where to remove it in my templates. ?? Just wanted to let you know that I’m still working on it, and thank you for your help. ??

    Thread Starter mopii

    (@mopii)

    I figured it out! It was very simple actually.. don’t know why I didn’t think to check this before. When I added the simple hook for my ads, I stuck two page breaks in there.. one at the top and one at the bottom. DUH! That’s what it was.

    Thanks so much for your help too!

    No problem, glad your were able to figure it out.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Remove Padding between NavBar and Content’ is closed to new replies.