WordPress.com Forums » Topic: Remove Padding

designsimply on "Remove Padding"

designsimply — Thu, 23 Feb 2012 16:47:13 +0000

Check this out: http://www.htmldog.com/guides/cssadvanced/specificity/

But then also check this one out too (it's cute): http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html

monaleasaa on "Remove Padding"

monaleasaa — Thu, 23 Feb 2012 15:40:31 +0000

ok thanks,,,, again...lol

designsimply on "Remove Padding"

designsimply — Thu, 23 Feb 2012 10:37:23 +0000

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.

monaleasaa on "Remove Padding"

monaleasaa — Wed, 22 Feb 2012 18:11:14 +0000

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.

monaleasaa on "Remove Padding"

monaleasaa — Wed, 22 Feb 2012 15:24:24 +0000

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?

designsimply on "Remove Padding"

designsimply — Wed, 22 Feb 2012 12:08:40 +0000

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

monaleasaa on "Remove Padding"

monaleasaa — Tue, 21 Feb 2012 23:39:24 +0000

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?

designsimply on "Remove Padding"

designsimply — Tue, 21 Feb 2012 20:09:36 +0000

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

monaleasaa on "Remove Padding"

monaleasaa — Tue, 21 Feb 2012 18:21:59 +0000

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.

designsimply on "Remove Padding"

designsimply — Tue, 21 Feb 2012 18:00:05 +0000

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.

monaleasaa on "Remove Padding"

monaleasaa — Tue, 21 Feb 2012 17:39:11 +0000

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

designsimply on "Remove Padding"

designsimply — Tue, 21 Feb 2012 15:09:06 +0000

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.

monaleasaa on "Remove Padding"

monaleasaa — Sun, 19 Feb 2012 02:01:24 +0000

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