Remove Padding

  • Author
    Posts
  • #827975

    monaleasaa
    Member

    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.

    #828341

    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.

    #828351

    monaleasaa
    Member

    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

    #828352

    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.

    #828353

    monaleasaa
    Member

    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.

    #828354

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

    #828355

    monaleasaa
    Member

    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?

    #828361

    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;
    }
    #828364

    monaleasaa
    Member

    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?

    #828368

    monaleasaa
    Member

    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.

    #828373

    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.

    #828378

    monaleasaa
    Member

    ok thanks,,,, again…lol

    #828379

The topic ‘Remove Padding’ is closed to new replies.