A Footer/Background Question

Support
#1

Dear Apex,

I understand how > CUSTOMISE > THEME OPTIONS > LAYOUT AND DESIGN works, i.e. how you can set a BACKGROUND PATTERN and/or BACKGROUND IMAGE works.

BUT

I am trying to apply the color white to my footer area at the bottom of EVERY webpage AND to retain the BLUE BACKGROUND I am using.

If you look at https://dipa.com.au/sydney-2/city/ (at the very bottom of the page with the social media icons) you will notice the blue background appears behind the social media icons, but I want this to be white.

QUESTION #1

Is there some CCS Code you can send me to change and afix the color of the very bottom area, so I can keep retaining the blue background of these pages?

QUESTION #2

Is there some CSS Code I can use to CHANGE the existing white background of the 3 widget menu/area (shows DIPA OVERVIEW, JOB SEEKERS and EMPLOYER RESOURCES)?

Many thanks for your assistance with this, I can’t seem to work it out…

Regards,

Simon

#2

Hey Simon,

Officially, we do not provide CSS codes or any custom codes to override the appearance of theme areas where there’s no option available. There are 2 options you can choose for this case and first is to learn CSS and also learn how to use the browser’s element inspector. The other one is to upgrade to our Pro theme so you could use the Footer builder. This way, you don’t have to code as there is a background option available for Footer bars.

For now, I’ll provide the override codes but please note that we will not continue helping with the rest of the custom codes you need.

For #1.

.x-colophon.bottom {
    background: white;
}

For #2.

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

Hope that helps and thank you for understanding.

#3

Thank you very much for the CSS codes, they worked just fine!

I am happy to upgrade to Pro Theme, however i am sooooooo scared that my many 100’s of hours working on my site will be lost should I do so.

What are your thoughts on this?

It’s not about my spending the money, I am scared of upgrading and loosing my website somehow?

Cheers,

Simon

#4

Hello Simon,

To be safe, you can always create a staging site. You can clone your current site into a staging site and then use Pro Theme in the staging area. The staging area will help you learn more about Pro theme without having to tinker the current live site. Once you are satisfied and confident enough, you can proceed to update the live site and use Pro theme.

To know how to create a staging area, please check out these articles:

Best Regards.

#5

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