Center logo in header

  • Resolved fitnessbodyblog

    (@fitnessbodyblog)


    11 years, 3 months ago

    Hi,

    I was wonderig if it’s possible to center the logo in the header. Tried some stuff in HTML but without any succes. Therefore I hope Ill get an answer here :).

    Thanks!

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

  • Try:

    .site-title,
.site-title a,
.site-title a img { float: none; }

    Alexander, forgive my ignorance, but do you mean that we should place that code in the Custom CSS section of “Styling?” Thanks!

    Thread Starter fitnessbodyblog

    (@fitnessbodyblog)

    Hi Alexander,

    Thanks for the quick reply! @jwn4157, I changed it in de style.css document. And that worked.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You do add it to the Custom CSS section and not the style.css file.

    THANKS, fitnessbodyblog! I found the style.css file in /wp-content/themes/hueman. Is it in that file where I make the edit? (sorry, bit of a newcomer to this).
    Also, when I locate “.site-title” the code looks like (and I assume this is where I would change “float: left” to “float: none”?):
    .site-title { font-size: 42px; font-weight: 600; letter-spacing: -0.5px; float: left; line-height: 60px; padding: 10px 0; }

    .site-title a { display: block; color: #fff; float: left; max-width: 100%; white-space: nowrap; }

    .site-title a img { float: left; display: block; max-width: 100%; max-height: 60px; height: auto; padding: 0; margin: 0 auto; -webkit-border-radius: 0; border-radius: 0; }

    .site-description { font-size: 16px; font-style: italic; color: #fff; color: rgba(255,255,255,0.5); float: left; margin-left: 20px; line-height: 60px; padding: 10px 0; }

    John

    Thank you, Andrew, I gave that a try and it worked like a charm! ??

    stltotspot

    (@stltotspot)

    Under what section did you find this code? Thank you!

    stltotspot

    (@stltotspot)

    Please disregard my question.

    Anonymous User 12851872

    (@anonymized-12851872)

    hi,

    in theme child !
    https://github.com/AlxMedia/hueman-child/archive/master.zip

    Anonymous User 13587685

    (@anonymized-13587685)

    thanks nice theme ,i used it on my site all new tricks , helpful to center the logo.

    Hello, where do I find the Custom CSS section? I just downloaded Hueman a couple of days ago (It looks awesome) but can’t find where to add this code on my dashboard. Thanks!

    Anonymous User 12851872

    (@anonymized-12851872)

    hi,

    you need to download ‘Hueman’ in the author of the theme, there are options.
    on www.ads-software.com some options are not allowed, you have a flanged version.

    https://alxmedia.se/themes/hueman/

    it works, the logo move to center, but the site description stayed in the original place, how to move it to center to match the logo?

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Center logo in header’ is closed to new replies.