Space under hero image before title

Support Area Forums Grassroots Space under hero image before title

Viewing 4 posts - 1 through 4 (of 4 total)
URL to the page in question: http://celebrateEDU.org
  • Author
    Posts
  • #35950
    Jenny Anderson
    Participant

    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

    #35951
    Bill Robbins
    Moderator

    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

    #35994
    Jenny Anderson
    Participant

    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

    #35995
    Bill Robbins
    Moderator

    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.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Space under hero image before title’ is closed to new replies.