Altitude Pro Widget Padding

[yardle]

Hi all,

I'm trying to adjust the top padding of the front page 1 widget section in Altitude Pro. I'd like my h2 text to appear slightly higher on the page:

http://ciel.wpjames.com/

I've adjusted line 1302 of my css file but it only seems to affect the padding when I shrink the height of my browser window (i'm guessing this is part of the reason they've named the class "flexible-widget")

Any help is greatly appreciated!

James

[jonkenney]

James,
If you look in your CSS file you find around line 1202 the following code:

.image-section .widget-area {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

You can change that vertical-align value to "top" and it moves it up significantly. If that's too much, you can replace the value vertical-align with padding-top and adjust the padding to what you want like the following example:

.image-section .widget-area {
	display: table-cell;
	text-align: center;
	padding-top: 200px;
}

Hope this helps,
Jon

[yardle]

Awesome. Thank you so much, Jon!

[Author]

Posts