Padding Problem – Tuesday Morning Frustration

Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

Okay, thank you!

I’ve used the ‘Inspect Element’ tool within Google Chrome. For example, on RobmarPlastics.com, if I wanted to change the amount of padding around the logo area. The tool shows me the logo div is contained within a div called headin.grid_16 . How can I used this information to change the padding for this area?

Thank you!

There is no padding on that element.

There ARE margins here:

#logo {
    float: none;
    margin: 20px auto;
    max-width: 100%;
    text-align: center;
    width: auto;
}

Generally, COPY that CSS to a custom CSS plugin (or theme option) and change it there. If you modify theme files, your changes will be lost when the theme is updated.

Thank you. I’ve installed a custom CSS plugin, as per your recommendation. The code you provided for the logo area works great! I really appreciate it.

Now, I can’t seem to find a way to change the margins/padding for the image slider area. There isn’t a simple div name like ‘#logo’ it’s a long name and I can’t get it to change anything within my CSS.

How can I change margins/padding for the image slider area?

(If someone can throw me a bone on this one, I should be able to figure out how to edit the other areas that I need to modify)

Help is much appreciated. Thank you!

I’ve been trying a lot of different things and most everything on the home page is behaving. The only thing I’m having trouble with now is setting the margins/padding on the Soliloquy slider that I’m using. Can’t seem to make any progress making it tighter around this darn slider.

Has anyone worked with this slider before?

Firefox shows it to be the padding here:

.boxes, .widget-container, .footerboxes {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 20px 0 0;
    padding: 15px;
    position: relative;
}

You probably only want to change it in:

.boxes {
   padding: 0;
}