Cannot change footer color

This topic has 15 replies, 4 voices, and was last updated 7 years by Radu.

Author
April 4, 2016 at 09:01 #114383

hideyuki
Participant

I am making site and recently bought KLEO 4.0.

I tried to change footer background color from Theme options, styling options, footer.backgroud color.

The change was saved, however, footer color hasn’t changed yet.

Can someone help me?

April 4, 2016 at 20:12 #114497

Radu
Moderator

Hi,

Just i’ve tested and on my side it works

Hold ctrl+shift+r for 1 second the see if the changes it applies.

Let me know

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

October 5, 2016 at 22:07 #138377

pohana
Participant

Hi,

I have the same problem with the footer background colour; it won’t change. It appears to change momentarily, but then it reverts to the default black.

Thanks,

Patrick

October 6, 2016 at 02:42 #138387

pohana
Participant

I actually found the solution. Changing colors in the footer section is not sufficient; you have to do it in the socket section as well, and it works 🙂

October 6, 2016 at 13:55 #138417

Radu
Moderator

Great

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

January 27, 2017 at 18:05 #151128

Chris Andersen
Participant

Have nearly the same problem: The footer bgcolors don’t change, if I change them under
Theme options/styling options/footer/background color

In my case the bgcolor of the footer changes but not the bgcolor of the text in the footer.
…and if I change the socket bgcolor, these colors are changing but not the footer bgcolors like the guys above wrote.
January 30, 2017 at 16:13 #151355

Radu
Moderator
Hi,

In this reply users says his solution, it doesn’t apply on you ? : https://archived.seventhqueen.com/forums/topic/cannot-change-footer-color/#post-138387

If not you can change the footer bg color using this selector
COPY CODE
```
div#footer {
    background: red !important;
}
```
NOTE : Child theme needs to be installed and activated.

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?
January 31, 2017 at 19:11 #151551

Chris Andersen
Participant

Tried to paste your code in:
Theme options/General settings/Quick CSS:
doesn’t work 🙁

What am I doing wrong?
January 31, 2017 at 19:25 #151555

Radu
Moderator
Nothing,

The code works maybe are you referring to the socket section
COPY CODE
```
div#footer {
    background: red !important;
}
div#socket {
    background: green !important;
}
```
Try with those selectors

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?
January 31, 2017 at 22:41 #151578

Chris Andersen
Participant
OK… now the socket is green but there is no color change in the footer.

Btw. the socket settings under theme options have always been working.
Just the footer settings are not consistent.

Tried this:
COPY CODE
```
div.wpb_wrapper {
    background: #fc7169 !important;
}
```
It solves my footer challenge but is pushing the above color also in the
div class kleo-gap.

Any code idea how it only effects the wpb_wrapper background color?
February 2, 2017 at 18:49 #151743

Radu
Moderator
Hi,
COPY CODE
```
.wpb_wrapper {background-color:red;}
```
Isn’t recommended to apply such as rule on that div because it’s used general multiple times in page.

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?
February 3, 2017 at 09:31 #151791

Chris Andersen
Participant

Understand… I can see your last code gives the same effect as mine.

Just look at the attachment. I’d like to avoid this additional big red line above the normal footer.

Which code would you recommend instead?

Attachments:
You must be logged in to view attached files.

February 6, 2017 at 14:10 #152109

Radu
Moderator

Hi I see, but there it’s not footer or socket that it’s a section that you have built with VC

You should change those from row background and from that cloumn background

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

February 6, 2017 at 18:54 #152154

Chris Andersen
Participant

Don’t understand. I’d like to change the red color into my orange (fc7169) and expected a layout option for that.

How and where exactly can I do this under
theme options/layout?

or which code should I use if there is no option like that?
As I wrote… the actual added css-code would work only with an undesired new red row above the footer and other effects.

What would you do?

February 6, 2017 at 19:03 #152158

Chris Andersen
Participant

ok… have found the vc row. thanks (sorry & embarrassed)
…and changed the footer color in combination of options and additional css code.

February 7, 2017 at 17:56 #152239

Radu
Moderator

Great

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?
Author

Posts