Change COOKIES bar color

Hi,

How can I change the color of the cookies bar while maintaining transparency? And for the text? And how to change the color of the ACCEPT button?

Thanks
SR

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .title-wrapper.basel-title-style-simple .title:after {
    background-color: yellow;
}
body .basel-cookies-inner .cookies-info-text h5{
	color:green;
}
body .cookies-buttons .cookies-accept-btn {
    border: 2px solid #fff;
    color: #fff;
}

Please change the values as per your needs.

Best Regards

Thanks,
The text and button css code is OK, the

body .title-wrapper.basel-title-style-simple .title:after {
background-color: yellow;
}

Its not working, image attached; the cookies bar continues black.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.basel-cookies-popup {
background-color:green;
}

Best Regards

Thanks, it’s working.
How can i change the color of the border of the ACCEPT button on mouseover.
Now it’s in the same color of the bar…
😉

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .cookies-buttons .cookies-accept-btn:hover {
    border: 2px solid white;
    color: white;
}

Best Regards

Hi Elise,

How can i change the height of the cookies bar?
And the size of the ACCEPT button?

Thanks,
SR

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.basel-cookies-popup {
    padding: 15px 30px;
}

You need to change the padding and content size to change the height of the block.

Add these lines:

    font-size: 12px;
    line-height: 16px;
    padding-top: 7px;
    padding-bottom: 7px;

into this code CSS:

body .cookies-buttons .cookies-accept-btn:hover {
    border: 2px solid white;
    color: white;
}

And change as per your needs.

Best Regards

[Author]

Posts