Adding a logo to the footer on every page

Support
#1

Hi folks, I cant for the life of me figure out how to add a logo to the footer of every page on my site at theofficeblock.org

Preferabbly like so and having it appear on every page like the footer does.

#2

Well I got a logo in as you can see but I want it pushed over to the far right. Cant see where there are options to do this bar creating blank image files for each of the other spaces to push it over. Advise appreciated.

#3

Hi there,

Please go to X > Theme Options > Footer > Footer Widget Area and set it to One.

Then add this code in X > Theme Options > CSS:

.x-colophon.top .x-column {
    text-align: right;
}

Hope this helps.

#4

Hi, I just did that and it doesnt appear to have moved the logo I have at the bottom for the FSU to the right?

You can see it on theofficeblock.org

I just want to move this over

or did i do something amiss?

#5

Hello @rabbler,

It seems that you have added the custom css incorrect. Please place this custom code outside of any @media block.

.x-colophon.top .x-column {
    text-align: right;
}

At the moment, your custom css is this like this which is incorrect:

@media (max-width:767px){
    x-btn-navbar{
        float:none;
        text-align:center;
    }

    .x-brand{
        float:none;
    }
    .x-navbar .x-btn-navbar.collapsed{
        color:#7ecbcb;
        text-shadow:none;
        background-color:transparent;
        box-shadow:none;
    }
    .x-colophon.top .x-column{
        text-align:right;
    }
    .wf-loading a, .wf-loading p, .wf-loading ul, .wf-loading ol, .wf-loading dl, .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6, .wf-loading em, .wf-loading pre, .wf-loading cite, .wf-loading span, .wf-loading table, .wf-loading strong, .wf-loading blockquote {
         visibility: hidden !important;
    }

If I may correct it, this should be the code:

.x-colophon.top .x-column{
    text-align:right;
}

@media (max-width:767px){
    x-btn-navbar{
        float:none;
        text-align:center;
    }

    .x-brand{
        float:none;
    }
    .x-navbar .x-btn-navbar.collapsed{
        color:#7ecbcb;
        text-shadow:none;
        background-color:transparent;
        box-shadow:none;
    }
    
    .wf-loading a, .wf-loading p, .wf-loading ul, .wf-loading ol, .wf-loading dl, .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6, .wf-loading em, .wf-loading pre, .wf-loading cite, .wf-loading span, .wf-loading table, .wf-loading strong, .wf-loading blockquote {
         visibility: hidden !important;
    }

Hope this make sense. Please let us know if this works out for you.

#6

Thank you, I think I got it right and it seems to be working . Very very much appreciated.

#7

We are delighted to assist you with this.

Cheers!

#8

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.