Space under hero image before title
URL to the page in question:
http://celebrateEDU.org
-
Hi Bill,
I was wondering if there is any way to put in a line of code that will decrease the amount of space between a hero image/video and the title of the page. Looking to have less space between the two.
Thanks!
Jenny
Hi Jenny,
You can do that. This CSS snippet should do the trick for you:
#wrap {
margin-top: 30px;
}
That should move it quite a ways up for you. I believe the default margin there is 100px, so adjust to fit your needs. You can add it to your child theme’s style.css file.
Let me know if you have any questions or trouble.
Have a great weekend,
Bill
Hi Bill,
I tried using this code unfortunately it moved up the titles on all my pages including the ones without heroes so that they were hidden under the menu bar. Any way to just decrease the margin on only pages with hero?
Thanks
I believe the theme adds a class of “hero” to the body tag when there is a hero present. Try this:
.hero #wrap {
margin-top: 30px;
}
and see if that won’t be more targeted for you.
- The topic ‘Space under hero image before title’ is closed to new replies.