Altitude Pro Footer1 Widget customization…

[nhed]

Hi,

This is a screenshot of the Footer1 and the html and css. The image shows what it is that I need to modify.

The actual widget ID is easy to find, but the padding that needs to be modified is above the widget in the

<div class="wrap">

So my question is, how do I target the div class that's only in the footer-widgets class? What would the code look like?

Thanks for the help.

Ed

http://www.join-ed.com

[Pixel Frau]

Hi Ed. I don't see an image, but based on your description you would target .footer-widgets .wrap.

[nhed]

Hey, Pixel Lady. Thank you for your reply.

Sorry. I have been having trouble with posting pics here. I think I got that figured out now. 🙂

In the meantime, I happened to discover and am using this css to target the wrap where the padding is that I needed to change.

/* footer widget style */
div.footer-widgets div.wrap {
	padding-bottom: 10px;
	padding-top: 40px;
}

Here's an updated screenshot of the Firebug info. Please let me know if this is right? It seems to work. I want to be sure that I don't unintentionally change something else on the site.

I'm starting to get the hang of css, but it's still complicated for me. I intuitively can eventually figure things out, but I don't really understand it all yet. 🙂 I guess that's par for the course.

Thanks for your comments and for chipping in and helping others.

All the best,
Ed

[nhed]

Is it necessary that I put the div in the code I'm using? Just looking at it now, I'm not sure.

[nhed]

Can someone point me to an article or tutorial that clearly explains how to target classes and IDs? It looks to me that I'm doing it wrong in the code above because I have the same code for an html tag as I do for a class. Is that right? Thanks for the help.

[Author]

Posts