Resizing/ Padding Issue

[mikolena]

I'm currently creating a child theme with the Genesis framework (obviously) but I've become kind of stuck on the footer widget.

I've added the theme widget areas code to the functions.php file and I feel that I've added the correct CSS rules in such a way so that nothing overlaps, but I can't seem to get the padding correct on the bottom of the footer widget wrap. The problem is that I need the padding to be a bit smaller, more like the padding at the top of the widget wrap section.

If anyone can lend any advice or a suggestion, I'd be extremely grateful!

Thanks!

/* Footer Widgets
-------------------------------------------------------------------*/
.footer-widgets .wrap {
	background-color: #333;
        border-top: 16px solid #1e1e1e;
        border-bottom: 50px solid #1e1e1e;
	color: #999;
	clear: both;
	font-size: 14px;
	margin-top: 3px;
        margin-bottom: 1px;
	padding: 10px;
        padding-bottom: 0;
        width: 1200px;
	}

.footer-widgets .widgettitle {
        color: #fff;    
        }        
        
.footer-widgets .widget {
        margin-bottom: 0.1px;    
        }        

.footer-widgets-3 {
	width: 30%;
	margin: 5%;
        float: right;
}

.footer-widgets a {
	color: #ccc;
}

.footer-widgets a:hover {
	color: #fff;
}

.footer-widgets .widget-area {
	float: left;
        padding-right: 5%;
        width: 30%;
}

.footer-widgets .widget-title {
	color: #fff;
}

.footer-widgets li {
	list-style-type: none;
	margin-bottom: 1px;
	word-wrap: break-word;
}

[Christoph]

Hi,

it is always tough trying to trouble shoot any code without a site to look at.

Looking at your css code, I'd avoid using this:
padding: 10px;
padding-bottom: 0;

Either write consistently in the shorthand or write them all out.
padding: 10px 10px 0 10px;

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[mikolena]

Thanks.

I tried that, but it didn't seem to work. I would provide an image, but I'm building the theme locally and studiopress doesn't allow me to upload screengrabs.

Unless you can see this: http://localhost/wordpress/wordpress/who-is-parc/ramallah-office/

[Author]

Posts