WordPress.org

1. mopii
   Member
   Posted 10 months ago #

   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
   http://www.motherofpearlitis.net

2. jmag
   Member
   Posted 10 months ago #

   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.

3. mopii
   Member
   Posted 10 months ago #

   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?

4. mopii
   Member
   Posted 10 months ago #

   I just looked and I only have the following templates:

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

5. jmag
   Member
   Posted 10 months ago #

   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.

6. mopii
   Member
   Posted 10 months ago #

   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. :(

7. jmag
   Member
   Posted 10 months ago #

   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.

8. mopii
   Member
   Posted 10 months ago #

   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. :)

9. mopii
   Member
   Posted 10 months ago #

   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!

10. jmag
    Member
    Posted 10 months ago #

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

Reply

You must log in to post.