Cannot change footer color

[hideyuki]

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?

 

 

[Radu]

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 ?

[pohana]

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

[pohana]

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 🙂

[Radu]

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 ?

[Chris Andersen]

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.

[Radu]

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 ?

[Chris Andersen]

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

What am I doing wrong?

[Radu]

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 ?

[Chris Andersen]

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?

[Radu]

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 ?

[Chris Andersen]

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.

[Radu]

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 ?

[Chris Andersen]

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?

[Chris Andersen]

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

[Radu]

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