Hello, I want to customize my cookie consent message bar. I want to change the position of the “OK”-button. It should be on the right side, there should be no black text background color – and how can I change the color of the link”Datenschutzerklärung”?
mockup
Now it looks like this:
cookie bar now
I tried some styling with quick css:
.avia-cookie-consent a.avia-button{
font-size:11px!important;
}
.avia-cookie-consent {
background-color: rgba(190, 0, 0, 0.95)!important;
text-align: left!important;
}
div.avia-cookie-consent p {
font-size:12px!important;
background-color: none!important;
}
Thanks a lot in advance!
Hey shannyndoa,
Please try the following in Quick CSS under Enfold->General Styling:
.avia_cookie_text {
max-width: 80%;
}
.avia_cookie_text a {
color: #000;
}
Best regards,
Rikard
Hey Rikard,
Thanks for your support.
Best regards, shannyndoa
Hi,
Did you need additional help with this topic or shall we close?
Best regards,
Jordan Shannon
Hi there,
sorry for my late answer. I need some more help with the consent message bar – the mobile view.
There I want some more space above the “OK” Button and if possible slightly less space on the right side –> for a wider text container.
You can find a mock up here: mockup mobile view
Thanks in advance!
Hi,
Thanks for the mockup. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.avia_cookie_text {
max-width: 100%;
}
.avia_cookie_text a {
margin-top: 20px;
}
}
Best regards,
Rikard
Hi,
thank you for your answer and help. That works!
Now I am done with this topic, you can close this thread.
Best regards,
shannyndoa
Hi,
If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon