Move Logo and Site Title to Center of Hero Image

  • Resolved nootkan

    (@nootkan)


    6 years, 9 months ago

    Hello, I’ve read through a few threads explaining how to move the logo/site title etc above the menu but I want it to be in the center of the hero image used in the header area. I’ve tried using the inspect element in firefox to find that it is called the .wrap and than tried this in my css:
    .wrap {margin-bottom: 20 em !important;}
    But that seems to move the content up above the image depending on which size I use. Is inspect element wrong about this being inside a div class called wrap? I don’t have a live link as it is on my local server. Any ideas?

    PS. I also tried some of the css answers from this post but none of them worked either.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter nootkan

    (@nootkan)

    Okay I solved this myself by using the site-branding and site-description classes like so: 

    .site-branding {margin-bottom: 20em !important;margin-left: 5em !important;}
.site-description {text-align: center;font-weight:900;}

    I sure miss firebug as I understood how to use that much better.

    The developer tools in Chrome are a good replacement for Firebug

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Move Logo and Site Title to Center of Hero Image’ is closed to new replies.