Editing the nonprofit footer

[wiser308]

Hello, we are using PRO and downloaded the nonprofit. We cannot edit the footer that came with it. We just want to change the color. How do we do this?

[tristup]

Hi @wiser308,

Thanks for reaching out.
The Non Profit demo is built using the X theme and the Footer styles are added through the custom CSS code. To change the background color of the Footer please add the following custom CSS code int the Theme Options > CSS.

.x-colophon.top, .x-colophon.bottom
{
    background:#cccccc!important;
}

Please change the color according to your choice. As you are using the Pro, I would suggest you create a custom Footer with the same style and change the background color before assigning it to the pages.

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks

[nabeel]

Hey @wiser308,

Sites are the common feature in both X and Pro, for X compatibility they are usually built using X. However there are different assets available based on the product you are using. X includes Sites (multi-page websites), Content Templates (sections or full pages), and Preset Templates (styles for your Elements). Pro includes all of that plus Header and Footer Templates.

So if you’re using Pro, you can use Header and Footer templates with the Site you’ve installed from the design cloud and customize it as per your need.

Hope this helps!