Change background color of Toggle

[lore927]

I would like to change the background color of toggles panels, and eventually the headers color too. I tried with inline tags and looked up panel-body in the bootstrap css. I also tried to add the following line in the child css but with no result.

The point is I am able to do:
<p style=”background-color: #167382;”>2Toggle text.</p>
but this would leave a big white padding around the text

As I have only 1 toggle tool I am fine with both inline or css editing.

panel .panel-body {
.background-color: #00ff00 !important;
}

[sharmstr]

the problem is the lack of ‘.’ infront of panel.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[lore927]

thanks, but it is not this. I pasted the code badly before my Kleo-child style.css is actually

.panel.panel-body {
.background-color: #00ff00 !important;
}

any suggestion?

[lore927]

as a follow-up, I colored all areas that I manage to edit, the arrow indicates the background area I can’t tackle.

Attachments:

You must be logged in to view attached files.

[lore927]

…and this does not work either: tried in kleo-child.css and in the Quick CSS form (template menu)

.panel.panel-body {
background-color: #00ff00 !important;
}

[sharmstr]

Now its because you removed the space between .panel and .panel-body. As I said, the only thing that was wrong in the first one was the lack of a period.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[lore927]

🙂 yeahh it was that missing space!!!
Thank you very much

[Author]

Posts