Fixing the footer

[fortknoxusa]

Hi

how can i change the color of the footer and get rid of where it says x theme.

[paul.r]

Hi,

1. There is currently no settings to change the background color of the footer.

To change the background color, you can add the code below in Theme Options > CSS

.x-colophon.bottom {
     background-color:red;
}

2. You can change or get rid of the text under Theme Options > Footer> Footer Content

Hope that helps.

[fortknoxusa]

Thanks!

What about adding social icons?

[mldarshana]

Hi Justin,

First you need to enable Footer Social under X -> Theme Options -> Footer area.

Then you can set your social links by head over to X -> Theme Options -> Social area. Once you save the changes, your social icons should appear.

Hope that helps.

[fortknoxusa]

Thanks got it. How do I change the color of the social icons and text in footer?

[Prasant]

Hello @fortknoxusa,

Thanks for updating the thread.

To change the footer icon and text color, you can add following CSS under X > Theme Options > CSS:

footer.x-colophon.bottom a, footer.x-colophon.bottom p {
    color: #fff;
}

Above changes are done using custom CSS. If you would like to explore CSS, please take a look at following resource:

https://www.w3schools.com/css/

Please note that providing support for custom codes (like CSS changes) falls outside the scope of support we can offer. In case of any issues with the layout because of custom codes we won’t be able to provide support.

Thanks.