Hero Title and buttons
URL to the page in question:
http:/http://gatewaychristiancenter.org/
-
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
Hi John,
You can do that. Here’s how:
- Go to your theme options page and choose the Advanced tab.
- Scroll down to the Custom CSS box and add this:
.hero-title {
padding-top: 400px;
}
- 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
Bill,
Thanks for your quick response. I am having trouble with your instructions. Here’s the link: http://gatewaychristiancenter.org/
Thanks
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
One more thing……
Bill,
You have been very helpful. Thank you! Can I have multiple hero titles or just one?
thanks
Good question. You can have a title and a separate caption, but not two separate titles. Sorry about that.
- The topic ‘Hero Title and buttons’ is closed to new replies.