Change footer color Integrity Light Stack

[bikerb115]

Hi There,

I’m trying to change the footer color in the integrity stack. I’ve tried researching the forum and can’t seem to find anything on how to do it with this specific theme.

Here’s the temp domain: http://s14.3b2.myftpupload.com

Thanks in advance for your help.

[nabeel]

Hi @bikerb115,

Thank you for reaching out to us. To change the footer background color, add the following code in the Theme Options > CSS:

footer.x-colophon {
    background: #ffebcd;
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

[Prasant]

Hello @bikerb115,

It seems that you have withdrawn your post, which is totally fine. Feel free to create a separate thread if you have any other issues.

Thanks.

[MarkJagdev]

Hi @Prasant
This doesn’t work for me. Can you see why please? www.flowcise.com
Thank you!

[ruenel]

Hello @MarkJagdev,

Thanks for updating the thread.

To resolve your issue, please use this code instead:

footer.x-colophon.top,
footer.x-colophon.bottom {
    background: #ffebcd;
}

We would loved to know if this has work for you. Thank you.

[MarkJagdev]

Hi @RueNel thanks for the updated code. At first it didn’t work as I guess you can’t add it to the bottom of the css bar in theme options - now I can see the changes if I add it to the top of the css in theme options.

[rad]

Hi @MarkJagdev,

That’s probably due to incorrect or typo error within CSS. Any CSS added after that faulty CSS code will not work. Are you adding it after this CSS?

@media only screen and (max-width:979px){
    a.x-btn-navbar.collapsed:hover,a.x-btn-navbar.collapsed,a.x-btn-navbar{
        background-color:#541cb5;
        box-shadow:none;
    }
    

It should be like this with proper closing bracket

@media only screen and (max-width:979px){
    a.x-btn-navbar.collapsed:hover,a.x-btn-navbar.collapsed,a.x-btn-navbar{
        background-color:#541cb5;
        box-shadow:none;
    }
 }

Hope this helps.

[MarkJagdev]

Yes @Rad ! That’s great thanks!

[friech]

We are delighted to assist you with this.

Cheers!