Hero Title and buttons

[John Bowling]

Morning,
How do I change the positioning of the title and buttons in the hero page? An example would be here: http://www.organizedthemes.com/

Thanks

[Bill Robbins]

Hi John,

You can do that. Here’s how:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   .hero-title {
   	padding-top: 400px;
   }
   

3. Update your settings.

See if that moves the text down to where you’d like it to be. You can change the 400px to a larger number to move it further from the top or a smaller number to move it closer to the top.

If you run into trouble let me know and also send over a link to where you’re making the change so I can see what’s happening.

Take care,
Bill

[John Bowling]

Bill,
Thanks for your quick response. I am having trouble with your instructions. Here’s the link: http://gatewaychristiancenter.org/

Thanks

[Bill Robbins]

Hi John,

Thanks for sending over the link. That’s always very helpful to have.

Since you’re using a full height hero, the code is a bit different. Try using this as a starting point instead:

#hero-section.full-height .hero-title {
	padding-top: 456px;
}

Let me know if you run into trouble.

Bill

[John Bowling]

One more thing……

Bill,

You have been very helpful. Thank you! Can I have multiple hero titles or just one?

thanks

[Bill Robbins]

Good question. You can have a title and a separate caption, but not two separate titles. Sorry about that.

[Author]

Posts