-
Posts
-
Hello there,
somehow I cannot style the cookie consent banner on my website.
Tried to style it using custom css, but it doesn’t work – the changes are not applied in frontend.
Styling it by using enfold options does not really do the work either…second issue:
Though all thrid party cookies (like google maps, google recaptcha, etc.) are disabled, they seem to be loaded – which is really really bad… how to fix this????Thanks a lot in advance!
Hey KELmedia,
How do you want to style it? Could you please attach a mockup of what you’re trying to achieve?
Are you clearing cookies in the browser before checking?
Best regards,
VictoriaHello Victoria,
concerning the cookie box: I would like the background (which is now black) to match my website’s main colors (as far as I have tried, this is not to be achieved by styling options in enfold options).
Of course I cleared the cache :)
I’d like to attach a screenshot – could you please tell me, where to send it to?Thanks a lot in advance & kind regards,
KELHi KELmedia,
You can upload screenshots to a service like Dropbox or imgur and give us the links here.
Best regards,
VictoriaHello Victoria,
I took two screenshots to explain what I want to do :)
Hope, they’ll help – it would be great, if you could have a look.
I’m running ENFOLD theme on several websites and it’s important, that cookies are blocked effectively before user gives consent.Best regards,
KELHi KELmedia,
Thank you for clarifying. The info has to be still saved in the cookie saying that the user opted out of everything, that is why the file is there.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.avia-cookie-consent { background-color: rgba(130, 88, 88, 0.85); }If you need further assistance please let us know.
Best regards,
VictoriaHi KELmedia,
Thank you for clarifying. The info has to be still saved in the cookie saying that the user opted out of everything, that is why the file is there.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.avia-cookie-consent { background-color: rgba(130, 88, 88, 0.85); }If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria,
sorry for following up that late … your suggestion did not work. Neither the one way nor the other.
Any suggestions?Kind regards,
KELHi KELmedia,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaDear Victoria,
please find log-in credentials below.
What I did to at least make the whole background one color :
U put the following snippet into quick css section:
.avia-cookie-consent {
width: 100%;
position: fixed;
background-color: rgba(70,103,143,0.8);
z-index: 999;
color: rgba(255,255,255,0.9);
padding: 1.1em;
text-align: center;
opacity: 1;
visibility: visible;
transition: all 0.3s ease-in-out;
overflow: hidden;
}
Moreover, I deleted the cusomised element in “erweitertes styling” for cookie consent message bar.Now, the cookie banner is black with an opaticty — that’s okay, but not perfect….
It would be nice if the selected colour in the css would apply to the whole box.Thanks a lot again & my best regards,
KELHi KELmedia,
Hmmm…. Credentials did not work for me. Could you please update the credentials?
Best regards,
VictoriaHi KELmedia,
Do you press save when you generate a new password? This pass is not working either :|
Best regards,
VictoriaHello Victoria,
of course I do … and I can login with the credentials I’ve sent to you … so maybe please try again?Hello, you are on the wrong site – I totally forgot to mention that. Very sorry for my mistake.
Check private message.Hi KELmedia,
https://cl.ly/7b686a4d9590 The css does not work on your end because there is invalid css in your Quick css. Please validate your css.
Best regards,
Victoria
- You must be logged in to reply to this topic.