Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter ajarn

    (@ajarn)

    I have tried adding this code to custom CSS:

    .site-branding-custom-header {
    text-align: center;
    background-position: center;
    }

    It was mentioned in another thread here (https://wordpress.org/support/topic/header-image-and-logo/) but its not working

    AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello ajarn,

    => Put below css code into Additional CSS textarea (Dashboard >> Apperance >> Customize) then click on Save & Publish button.
    => If there is no Additional CSS option then put below css code into your current theme’s style.css file located at wp-content/themes/your_current_active_theme/ folder.


    @media screen and (min-width: 1025px){
    .site-branding {
    width : 250px;
    }
    }

    Note : All Changes you done in style.css or other file are gone when you update theme. So prefer Child Theme

    Hope this will helps you.

    Thread Starter ajarn

    (@ajarn)

    Thanks.

    Strangely that didn’t work when adding this code in either the Appearance, Custsomize, Additional CSS nor by adding it to the Style.css file and I’m using a child theme.

    It did work however when adding it to Sportspress, Settings, General, Custom CSS.

    Thanks very much, website looks good now.

    Thread Starter ajarn

    (@ajarn)

    However, when opening on a large projector screen the logo in not centred.

    Any ideas how to get it to centre on a larger screen?

    Thread Starter ajarn

    (@ajarn)

    The logo is still appearing on the left on google chrome browsers. any idea how to fix this ?

    thanks in advance.

    Roch

    (@rochesterj)

    Hi!

    Thanks for your reply. Please try this one as well:

    body .site-logo {
      float: none;
    }

    Kind Regards,
    -Roch

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

The topic ‘how to centre the logo’ is closed to new replies.