How to change footer color?

Post Reply
User avatar
bzdega
Jr. Bludit
Posts: 7
Joined: Thu Sep 20, 2018 3:09 pm

Hi,

i already asked this in the german board, but maybe here is more traffic.

How can i change the background footer color? I use the theme tagg.

Thanks for pushing me in the right direction.

Michael
lightmat
Sr. Bludit
Posts: 46
Joined: Fri Feb 21, 2020 10:53 pm

You can change it like this:
Goto your themes folder "vendors" -> "scribbler" -> and edit the file "scribbler-global.css"

At the beginning of the file there is the variables section, add a variable name like "footer-bg-color" and set a color, so it looks something like this:
footer-bg-color: #FFAADD;

Then scroll down to line 305: "background-color: var(--primary-color);" and change primary-color to footer-bg-color. Then just save and upload the file again.
User avatar
bzdega
Jr. Bludit
Posts: 7
Joined: Thu Sep 20, 2018 3:09 pm

Thank you, this works fine!
lightmat
Sr. Bludit
Posts: 46
Joined: Fri Feb 21, 2020 10:53 pm

No problem, glad i could help.
User avatar
Edi
Site Admin
Posts: 3121
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

bzdega wrote: Sun Jun 07, 2020 12:09 pm i already asked this in the german board, but maybe here is more traffic.
Where is this post? I couldn't find it... :roll:
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
User avatar
bzdega
Jr. Bludit
Posts: 7
Joined: Thu Sep 20, 2018 3:09 pm

Edi wrote: Sun Jun 07, 2020 1:51 pm
bzdega wrote: Sun Jun 07, 2020 12:09 pm i already asked this in the german board, but maybe here is more traffic.
Where is this post? I couldn't find it... :roll:
I deleted it. Thought it would better to just post this topic only once.

Michael
User avatar
Edi
Site Admin
Posts: 3121
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

I understand, thank you.

You could also do the following without modifying the file scribbler-global.css (so it's not overwritten in case there is a theme update).

Use the plugin HTML Code and add the following in the field head for example for a red background:

Code: Select all

<style>
.footer {
   background-color: #ff0000;
}
</style>
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
User avatar
bzdega
Jr. Bludit
Posts: 7
Joined: Thu Sep 20, 2018 3:09 pm

this is even better, thank you.
Post Reply