Logo center #100

  • kleinstukjedan

    (@kleinstukjedan)


    12 years, 11 months ago

    Hi Guys,

    I’m sorry to bother you with another center logo question. But, if it helps, i’ve read almost all the previous answers but they don’t seem to work for me.

    My website url is http://www.kleinstukjedan.nl (Dutch recipe website) I’ve updated my Theme and now my logo isn’t in the center anymore. Yeah, I know I’ve should edited my custom.css but several times an edit with the css editor didn’t work and an edit directly to my stylesheet did. So, I really need the right css to enter into the css editor so that my logo stays in the center forever. Please help me out.

    This is in my stylesheet.

    .logo{float: left; margin-bottom: 30px; font-family: ‘Copse’, georgia, serif; font-size: 40px; line-height: 74px;}
    .logo a{color: #345e6a;}
    .logo a:hover{color: #111;}
    .logo img{display: block;}

    The previous time I’ve edit the:
    – display:block
    to
    – display: block; margin-left: auto; margin-right: auto;

    but after the update, this doesn’t do the trick.

    Who can help me out?

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

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    12 years, 11 months ago

    Install this Custom CSS Manager plugin and use its section of the dashboard to hold your CSS modifications:

    .logo img {
 display: inline;
}

.logo {
 text-align: center;
}

    Thread Starter kleinstukjedan

    (@kleinstukjedan)

    12 years, 11 months ago

    Hi Andrew,

    Thanks for trying to help me out. I already have a CSS Editor (the one that comes with Jetpack for WordPress). I’ve just entered the code you gave me, deleted the cache and refreshed the page but the logo didn’t moved….

    any other options?

    I’ve tried float: right and that does work, so it can move;-)

    Thread Starter kleinstukjedan

    (@kleinstukjedan)

    12 years, 11 months ago

    Finally! Found it! I’ve used the line below:

    .logo{width: 470px; float: none; margin: 0px auto !important;}

    the 470px is my image width. So if someone else reads this with the same problem, change the number to your logo width.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Logo center #100’ is closed to new replies.