logo image – need it to sytay centered

  • Resolved raventx

    (@raventx)


    11 years, 2 months ago

    Hate to bother you again Ossie…. been trying to resolve this and find a solution on my own for days now, without luck.

    How would one keep the site-logo centered in this theme? I notice that it stays centered when the browser window is made smaller and on smartphone screens, however when on a larger browser screen it is staying toward the left.

    I appreciate your input on this.

    Thanks!!!

Viewing 11 replies - 1 through 11 (of 11 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you know where to put this CSS:

    .site-logo { text-align: center; }

    Thread Starter raventx

    (@raventx)

    That doesn’t seem to work.

    Thread Starter raventx

    (@raventx)

    Here is the URL:
    https://www.staycationpetsitters.com

    Thread Starter raventx

    (@raventx)

    I think I found the solution….

    .site-logo {
    min-height: 70px;
    display: table;
    padding-top: 20px;
    background-color: #FFF;
    margin: 0 auto;

    }

    (added display: table;)

    Theme Author Template Express

    (@danstriker)

    I would have offered same advice as Andrew but happy you managed to get it fixed raventx

    Thread Starter raventx

    (@raventx)

    Well here is a funny thing…. it is centered in firefox, and Safari, but not in IE 8… hmm maybe I will try IE9 and hope that works. If not… suggestions?

    Thanks!!!!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    display: table; isn’t supported in IE8.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you add the text align again? So that we can debug why it hasn’t worked.

    Thread Starter raventx

    (@raventx)

    I upgraded the browser to IE9 – I am usually on my work machine M-F which had IE8. Still shows the logo off to the left. Was hoping that it would be different.

    I will add the text align and see.

    Thanks for the help on this. I know it has to be something simple I am missing, but after staring at CSS code for so long the past week, I’m getting tunnel vision probably. LOL

    Thread Starter raventx

    (@raventx)

    Okay that looks to have worked… lemme check the other browsers.

    Thread Starter raventx

    (@raventx)

    Okay for some reason that worked this time! WEIRD! I don’t get it. I guess as long as it works, why wonder? LOL

    Thank you again!!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘logo image – need it to sytay centered’ is closed to new replies.