Center logo

How do I center my logo in Gallery. Right now it is off to the left.

  • C3MDigital
    • Flash Drive

    Hi Page,

    You can adjust the positioning of the logo in CSS.

    If your using a text logo add this to your custom css file:

    #branding {
    text-align: center;
    width: 100%;
    }

    I’m not sure if the Gallery theme has a custom logo option but to replace the title with an image you can add this to your custom css.

    #branding {
    text-align: center;
    width: 100%;
    text-indent: -999em;
    background: url(path-to-your-image.png) no-repeat center;
    }

    If your using a custom logo from the theme options you can add this to your css:

    #branding {
    float:none !important;
    margin-left: auto;
    margin-right:auto;
    }

    Hope this helps. Here are some screenshots of the results using the above code:

  • DesignIt
    • Design Lord, Child of Thor

    Thanks! that css file to edit is in the Theme editor? any reference to the logo?

    Got it!

    It was:

    #branding {

    text-align: center;

    width: 100%;

    text-indent: -999em;

    background: url(image url here) no-repeat center;

    }

    that actually worked. Thank you 3CMDigital!

  • Jamie
    • Flash Drive

    This CSS tweak worked perfect, thanks! Could someone tell me what code needs to be added to make the logo I point to (URL) hyperlinked?

    The PNG shows up as I would expect as the logo, but you cannot click on it to navigate to the home page. Please tell me what I need to add. Thank you very much in advance.

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.