Changing Margins in Altitude Pro Theme

[gpriver]

Hi, I'm using the Altitude Pro Theme and I was wondering if someone could point to where in the CSS I could change the margins. At least i believe they are margins. I uploaded a marked up image to demonstrate what I mean. The two marked up sections I would like to be half that in height.

The top margin is between the top of page and the Top Title Widget. The bottom margin is between the Top Title Widget and 3 widgets below it.

Thanks!

[MoodyRiviera]

Have you tried using something like Firebug or the "Inspect Element" command in Chrome? These tools could help show you where the extra space is in the CSS file, and then you can make adjustments.

Of course, if you put up the URL to your site, rather than a screenshot, someone could probably give you precise instructions.

*MoodyRiviera*

[gpriver]

Here's the link: http://orlandovideotours.com

Thanks!

[gpriver]

Bump?

[Christoph]

Hi,

add the following code to the style.css.

To decrease the white space above "The benefits of using video":
You can change the values to your liking.

#front-page-2 .flexible-widgets {
    padding-bottom: 60px;
    padding-top: 50px;
}

This will decrease the white space underneath that section:

#front-page-2 #text-3 {
	margin-bottom: 0px;
}

This will decrease the white space above the "circles":

#front-page-2 #text-4,
#front-page-2 #text-5,
#front-page-2 #text-6 {
	padding-top: 0;
}

---

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

[gpriver]

Thanks so much, Christoph!

Question for you. Is this code already in the Style Sheet and I just have to change the the values, or should I add it?
And if I add it, where specifically in the StyleSheet? Secondly, I have a PlugIn installed called Simple Custom CSS, should I just place the code there?

Thanks!

[Christoph]

You are welcome.

The first part is already in the style sheet. You can change it there.
You have to add the other two.
It should be fine to add them to the simple custom css plugin.

---

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

[gpriver]

Thanks!

[gpriver]

Would you happen to know how to align the PURCHASE Buttons to the bottom so they all line up no matter how much text is above them? http://www.orlandovideotours.com/#front-page-5

[Christoph]

A quick and dirty way would be to give the ul the same height after you know how much text will go into the widgets.
This solution will not scale if you enter more text!

#text-10 ul, #text-11 ul, #text-12 ul{
	height: 110px
}

---

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

[gpriver]

Thanks! Check out what I did here: http://www.orlandovideotours.com/#front-page-5

The code I used is below. Looks fantastic, thanks!

#front-page-5 #text-10,
#front-page-5 #text-11,
#front-page-5 #text-12 {
  	border-style: solid;
        border-width: 1px;
  	padding: 20px;
 	height: 350px;
}

#text-10 ul, #text-11 ul, #text-12 ul{
	height: 160px
}

[Christoph]

Very nice!
Good job.

I´d maybe try a higher font weight to make the text a bit easier to read and make the $399 headline consistent with the other two. 🙂

---

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

[MoodyRiviera]

The boxes look good.

*MoodyRiviera*

[Author]

Posts