Position of hero caption
URL to the page in question:
http://
-
hi Bill,
How can I move the hero caption (or maybe title and caption) to a different position on the page? I’d like to use just the hero caption, but instead of having it centered, I’d like it to appear closer to the top of the page (somewhere in the top 1/3), where it will work better with the image I’m using.
I could use the hero title if I can change that to be mixed case, but I haven’t figured that out yet – it seems to force upper case for the hero title?
thanks much!
Danielle
Hello Danielle,
Excellent question. You can move the hero title/caption around and change the capitalization of the hero title. 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-copy {
top: 20%;
}
h2.hero-title {
text-transform: none;
}
- Update your settings.
See how that position works. You can adjust the vertical position from the top by changing the 20% in the snippet above. The default is 40% for reference.
If you have any trouble, let me know.
Have a great day,
Bill
- The topic ‘Position of hero caption’ is closed to new replies.