-
Posts
-
Hi,
I want to change the colours of our Cookie Consent Message Bar.
I tried do do it my means of “erweitertes Styling” but was not successful.
I want to change:
– the colour of the bar from black to white
-the colour of the buttons “Informationen zur Nutzung von Cookies” and “Einstellungen” from black to our blue without a frame.
-want to get rid of the grey rectangle at the lefthand site of the bar.Thank you for your appreciated support.
Wolfgang
Hey Margit,
Could you please give us a link to your website, we need more context to be able to help you.
Could you please attach a mockup of what you’re trying to achieve?
Best regards,
VictoriaHey Victoria,
thank you for your reply.
Link to our website : https://www.institut-generationenberatung.deLink to the mockup: https://www.institut-generationenberatung.de/wp-content/uploads/2020/07/Design-cookies-message-bar.pdf
We have got an additional issue: The icon for XING is not visiblke in the social media bar. If you go over it a grey rectangle is showing up and you can click it. A sreenshot is incuded in the mockup file.
Thank you for your support.
BR Wolfgang
Hi Wolfgang,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look at the icon issue?
Best regards,
VictoriaHi Victoria,
thank you for your professional support.
The color of the background of the cookie consent messages fits now perfectly.
In addition, the background color of the button in the middle and the right button have to be changed accordingly to the color of the left button.
https://www.institut-generationenberatung.de/wp-content/uploads/2020/07/Changes-Button-colour-cookie-consent-message.pdf
Unfortunately, I do not find a css code to address them. Could you please give me a hint?
Appreciate your support.Best regards
WolfgangHi Wolfgang,
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
#top .avia-cookie-consent .avia-cookie-consent-button.av-extra-cookie-btn, #top .avia-popup .avia-cookie-consent-button.av-extra-cookie-btn { background-color: #1d6fb7; color: #ffffff; border-color: #1d6fb7; } #top #wrap_all .header_color #menu-item-1628.av-menu-button-colored > a .avia-menu-text, #top #wrap_all .header_color #menu-item-1627.av-menu-button-colored > a .avia-menu-text { background-color: #9E9E9E; color: #ffffff; border-color: #9E9E9E; } .html_elegant-blog #top .avia-content-slider .blog-categories { display: none; }Social share buttons for the blog can be configured in the Theme options > Blog layout.
If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria,
thank you for your great support.
Now the style of the cookie consent message bar fits.The only topic left is the translation of the following message when cookies are refused from English to German:
English:
When refusing all cookies this site might not be able to work as expected. Please check our settings page and opt out for cookies or functions you do not want to use and accept cookies. You will be shown this message every time you open a new window or a new tab.Are you sure you want to continue?
German:
Wenn Sie alle Cookies ablehnen, kann diese Website möglicherweise nicht wie erwartet funktionieren. Bitte überprüfen Sie unsere Einstellungsseite und deaktivieren Sie Cookies oder Funktionen, die Sie nicht verwenden möchten, und akzeptieren Sie Cookies. Diese Meldung wird Ihnen jedes Mal angezeigt, wenn Sie ein neues Fenster oder eine neue Registerkarte öffnen.
Möchten Sie den Vorgang wirklich fortsetzen?I tried to manage it with Loco Translate, but was not successful.
Thank you for your support.Best regards
WolfgangHi Wolfgang,
Please have a look at the following thread:
https://kriesi.at/support/topic/cookie-consent-learn-more-translation/If you need further assistance please let us know.
Best regards,
VictoriaHello, thank you for these button/background colours…
Can you also help me out, add the code for changing the message bar background from black to white, please?
Hi,
Sorry for the very late reply, to change the “lees meer” button to purple and the text to gray, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:.bloglist-excerpt .more-link { color: #ddd !important; background-color: #816ccf !important; }Then clear your browser cache and check.
Best regards,
MikeHi Victoria,
i have kind of an similar question. The cookie box seems not to be responsive and I can’t change it in the css. Its the website http://www.hostel.at (on mobile of course) – maybe you can help me?
Thanks!!
Hi PitschS-OEVB,
Could you post a screenshot highlighting the problem, and let us know what you would like to change please?
Best regards,
RikardHi, thanks for the reply.
I can’t scroll down the cookie window. So I can’t read all of the text. I tried to adress it in CSS (avia_cookie_text?) but it doensn’t work.best regards,
stefanHi Stefan,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) { div.avia-cookie-consent p { font-size: 12px; line-height: 18px; } }Best regards,
RikardThanks, font and line height is smaller now, so you can read more, but still, the modal itself is not scrollable.. i will make the font-size small so that there’s no scrolling needed.
however i have another problem and i have it on every single page with enfold theme. it’s difficult to exlain though.
also in the cookie modal you can klick the button “anpassen” which leads you to another pop up modal.
when you scroll down theres a white space – it appears only on iphone!
here it is on http://www.cafecentral.wienyou know what it could be?
thanks!!Hi,
Thanks for the update. It looks fine on my end when I check in Chrome Iphone 12 emulation, I don’t have an actual Iphone to test with unfortunately. Does this problem only happen on an actual device? If so, then which browser are you using?
Best regards,
RikardHey, so I tested it with Samsung Galaxy, Motorola One Vision and on Iphone XS, 6s and 8. On Chrome, Safari, Firefox and Edge.
- On the galaxy it looks fine in every browser (I wasn’t able to test Safari of course)
- On Motorola it looks fine in every browser (I wasn’t able to test Safari of course)
- on (all) IPhones it looks fine on Firefox + Chrome, but not on Edge + Safari.
So it seems like a problem regarding Iphone using Safari + Edge..
Best regards,
StefanHey Stefan,
Could you please try adding following code to bottom of Quick CSS field, clear cache and check if that helps?
.avia-safari #av-consent-extra-info .tabcontainer { position: initial; }Cheers!
YigitHi Yigit,
yes it helps, the white space is now gone (its underneath but that’s ok) :-)– the only weird thing is scrolling. I’ve uloaded a video so you can see better. Right wenn i klick “anpassen” its stuck the first time when i try scrolling. near the end its again stuck.
see the video here https://imgur.com/a/NKyAY6T
thanks and best regards,
stefanHi Stefan,
I am sorry for the late reply.
I am not able to reproduce the issue on my testing installations. Have you tried switching to parent theme to check if the issue might be related to customizations on your child theme? If not, please do so.
If that does not make a difference, could you please create a duplicate test site and post WP admin and FTP logins here privately so we can look into it? :)
Regards,
Yigit
- You must be logged in to reply to this topic.