Support » Theme: Spacious » simple – center logo and headers

  • Hey everyone!

    Love the collaboration on the internet. I am just learning to use WordPress and could use some basic help with centering our logo and headers on the webpage. I tried searching for code in other forums, though it didn’t work when I added it to additional CSS. I then tried to inspect my logo and see about changing the names, and I tried some things though am not sure I am understanding exactly how it’s done. I’m thinking there is something else going on, like maybe it’s “centered” but there is a huge margin on one side or something. Could anyone please sort me out? Thank you!!!

    hamletmontessori.org

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • @tcmzueck

    Can you add the below CSS code to Additional CSS box and check?

    #header-left-section, #header-logo-image, #header-text {
        float: none;
    }
    
    #header-logo-image {
        text-align: center;
    }
    
    #site-description {
        text-align: center;
    }

    Thanks.

    Nitu,

    Thank you! That helped. It moved 2 of the 3 items, and I was able to intuit the remaining code to add to center the site title as well.

    #site-title {
    text-align: center;
    }

    Looking good!

    I’d also like to center the links that are below, the ones that say “Welcome” and “Prospective Parents” etc. Tried modifying the code you gave me, referring to it as #menu-toggle and #menu and #nav-menu though none worked. Would you please help me with that as well?

    Thank you! 🙂

    @tcmzueck

    Can you add the below CSS code to Additional CSS box and check?

    .spacious-header-display-four .bottom-menu .main-navigation {
        float: none;
        text-align: center;
    }
    .main-navigation li {
        float: none;
        display: inline-block;
    }

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.