WordPress.org

Ready to get started?Download WordPress

Forums

logo isnt centering (15 posts)

  1. intlrecovery
    Member
    Posted 1 year ago #

    I've tried to look up in other threads but cant figure it out.

    Thanks ahead of time.

    http://www.internationalrec.com

  2. Hristo SiteGround
    Member
    Posted 1 year ago #

    Hi,

    Open your style.css file and change line 76 to:

    .logo {
        margin: 0 auto;
        width: 736px;
    }

    This will center your logo :)

  3. matdel
    Member
    Posted 1 year ago #

    The above is correct.

    By giving it an absolute positioning you are telling the logo to be positioned 60px from the top and 300px from the left no matter what.

  4. Barrel rider
    Volunteer Moderator
    Posted 1 year ago #

    If the above is correct, you'll need to either remove that positioning or add position: static;. Either way, this is not a WordPress issue. For CSS-specific issues, consider CSS-specific forums.

  5. intlrecovery
    Member
    Posted 1 year ago #

    Hey guys thanks for the response, but I've changed it to what SiteGround said. And nothing.

    I added position:static; to it as well and still the logo doesn't move.

  6. Hristo SiteGround
    Member
    Posted 1 year ago #

    As far as I can see your logo is centered. Just remove the position line since it's not necessary. Then clear your browser's cache and refresh the page.

  7. intlrecovery
    Member
    Posted 1 year ago #

    A okay, that would probably help. Siteground I appreciate your help.

    One more question though how do I drop the logo closer to my menu bar. The space is to much. If you don't mind.

  8. intlrecovery
    Member
    Posted 1 year ago #

    It's touching the browser bar. I need some cushion.

  9. Digilodger
    Member
    Posted 1 year ago #

    Add this into your custom CSS or child-theme CSS; or if you have Jetpack installed, go to Appearance --> Edit CSS:

    .logo { margin-top: 20px; } /* Add more space to the top of logo */

    Change the 20px to whatever you want. If you don't have custom CSS, child-theme CSS, or Jetpack, then please add the code to the bottom of your main style.css.

  10. intlrecovery
    Member
    Posted 1 year ago #

    Appreciate that but it didn't work.

  11. Digilodger
    Member
    Posted 1 year ago #

    May I ask where did you put it? I re-tested it prior to making this post and it works. It dropped the banner (with InternationalRec yada yada) down 20 pixels.

    Thanks!

  12. Hristo SiteGround
    Member
    Posted 1 year ago #

    My code is working, I've tested it locally :) I think you're having some caching issues. Please, make sure you clear your browser's cache and reload your page completely :)

  13. intlrecovery
    Member
    Posted 1 year ago #

    Siteground it did work. But I loaded a larger banner and it isn't centering for reason.

  14. Barrel rider
    Volunteer Moderator
    Posted 1 year ago #

    Here are all of the rules regarding centring http://www.w3.org/Style/Examples/007/center.en.html

  15. intlrecovery
    Member
    Posted 1 year ago #

    Thanks Andrew. Got it fixed quick.

Topic Closed

This topic has been closed to new replies.

About this Topic