Need help? Check out our Support site, then


Remove Padding

  1. I want to remove/reduce the amount of spacing between the bottom of the Menu Bar and the Body Text - I'm using Twenty Eleven

    Millgrove Wood Products

    The blog I need help with is monaleasaa.wordpress.com.

  2. That spacing is set with this CSS in Twenty Eleven:

    .singular.page .hentry {
      padding: 3.5em 0 0;
    }

    Adjust the 3.5em to something else to make the space smaller.

  3. Is it possible to reduce the spacing between the word "edit" and the top menu?

    I want to move the body of text up as much as possible.

    Also, is the reason I find this some-what confusing is because the existing code? Would I have been further ahead to create my own code thereby not having all this extra code to make it so busy.

    Thanks

  4. You've made post titles black on black. That means they're still taking up space. To hide post and page titles all together, use this CSS:

    .entry-title {
      display: none;
    }

    Extra code? Note that a best practice for CSS is to only copy the changes into the edit area on the Appearance → Custom Design → CSS page and not to copy all of the code. Every theme is unique though. Some have more CSS than others and some are easier to modify than others. :)

    You might consider pulling out the code you have now and just adding back code for the changes you want to make.

    Also, note that adding new code to the bottom is best because if there is something else inside your custom CSS that does the same thing, then the latest rule will be the one used.

  5. Ohhh ... i wish I had known that to begin with.. my mistake... I should have asked.

    Well I will get is one paid for, finished and published and then when I start the other site, I will do it the right way.

    Thanks for your help, I'm sure I will be back for more.

  6. It's a learning process! Hopefully you're having fun with it too. :)

  7. I am learning.. and it's fun. And I'm not about to give up...

    The challenge I have now is this:

    when i put the cursor over a menu title the colour changes from White to Lite Gray and all the other menu titles, under the main menu title, also show up Lite Gray.

    I would like to have them all just appear White.

    How do i do that?

  8. Right on. :)

    when i put the cursor over a menu title the colour changes from White to Lite Gray and all the other menu titles, under the main menu title, also show up Lite Gray.

    I would like to have them all just appear White.

    This will change submenu link colors as well as top level menu hover and focused links to white:

    #access ul ul a, #access li:hover > a, #access a:focus {
      color: white;
    }
  9. Oppps... I copied and pasted the code but it doesn't seem to be working.... If you click on the "Gallery" tab the menu's under it are still Gray. Is there some code in particular I could look for?

  10. I have tried to find another code that I might change but it's a little confusing. The one above doesn't work, the sub-menu's stay Lite Gray, thanks.

  11. It's not working because you have later code in your custom CSS. Check your Appearance → Custom Design → CSS page for the selector "#access ul ul a, #access li:hover > a, #access a:focus" -- see how you set it once and then set it again later?

    To fix that, either remove the "#access ul ul a, #access li:hover > a, #access a:focus" line with the colors you don't want or add the rule from above as the LAST thing on the Appearance → Custom Design → CSS page. In CSS, when there is more than one rule for the same selectors, the latest one is used.

  12. ok thanks,,,, again...lol

Topic Closed

This topic has been closed to new replies.

About this Topic