WordPress.org

Forums

Hueman
[resolved] Center logo in header (14 posts)

  1. fitnessbodyblog
    Member
    Posted 1 year 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!

  2. Alexander Agnarson
    Member
    Theme Author

    Posted 1 year ago #

    Try:

    .site-title,
    .site-title a,
    .site-title a img { float: none; }
  3. jwn4157
    Member
    Posted 1 year ago #

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

  4. fitnessbodyblog
    Member
    Posted 1 year ago #

    Hi Alexander,

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

  5. Andrew
    Forum moderator
    Posted 1 year ago #

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

  6. jwn4157
    Member
    Posted 1 year ago #

    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

  7. jwn4157
    Member
    Posted 1 year ago #

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

  8. stltotspot
    Member
    Posted 1 year ago #

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

  9. stltotspot
    Member
    Posted 1 year ago #

    Please disregard my question.

  10. noaneo
    Member
    Posted 1 year ago #

  11. achatap
    Member
    Posted 1 year ago #

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

  12. anoza3112
    Member
    Posted 1 year ago #

    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!

  13. noaneo
    Member
    Posted 5 months ago #

    hi,

    you need to download 'Hueman' in the author of the theme, there are options.
    on WordPress.org some options are not allowed, you have a flanged version.

    http://alxmedia.se/themes/hueman/

  14. PratamaDA
    Member
    Posted 5 months ago #

    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?

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic