Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • June 29, 2020 at 12:56 pm #1226394
    InstitutGenerationenBeratung

    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

    June 30, 2020 at 4:22 pm #1226788
    Victoria

    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,
    Victoria

    July 2, 2020 at 4:54 pm #1227544
    InstitutGenerationenBeratung

    Hey Victoria,
    thank you for your reply.
    Link to our website : https://www.institut-generationenberatung.de

    Link 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

    July 3, 2020 at 8:57 pm #1227833
    Victoria

    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,
    Victoria

    July 7, 2020 at 11:52 am #1228546
    InstitutGenerationenBeratung

    Hi 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
    Wolfgang

    July 7, 2020 at 6:54 pm #1228656
    Victoria

    Hi 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.
    Image 2020-07-07 at 19.51.26.png

    If you need further assistance please let us know.

    Best regards,
    Victoria

    July 8, 2020 at 1:27 pm #1228858
    InstitutGenerationenBeratung

    Hi 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
    Wolfgang

    July 11, 2020 at 3:11 pm #1229606
    Victoria

    Hi 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,
    Victoria

    January 20, 2021 at 4:09 pm #1274094
    jgooiker

    Hello, 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?

    January 22, 2021 at 6:26 am #1274628
    Jordan Shannon

    Hey jgooiker,

    Please provide admin info so we can see the message bar.

    Best regards,
    Jordan Shannon

    January 22, 2021 at 4:55 pm #1274789
    jgooiker
    This reply has been marked as private.
    January 30, 2021 at 7:56 pm #1276538
    Mike

    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,
    Mike

    July 12, 2022 at 12:01 pm #1358068
    Stefan

    Hi 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!!

    July 12, 2022 at 2:37 pm #1358087
    Rikard

    Hi PitschS-OEVB,

    Could you post a screenshot highlighting the problem, and let us know what you would like to change please?

    Best regards,
    Rikard

    July 13, 2022 at 10:44 am #1358183
    Stefan

    Hi, 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.

    cookies

    best regards,
    stefan

    • This reply was modified 2 years, 5 months ago by Stefan.
    • This reply was modified 2 years, 5 months ago by Stefan.
    July 13, 2022 at 11:59 am #1358193
    Rikard

    Hi 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,
    Rikard

    July 14, 2022 at 3:22 pm #1358336
    Stefan

    Thanks, 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.wien

    View post on imgur.com

    you know what it could be?
    thanks!!

    • This reply was modified 2 years, 5 months ago by Stefan.
    July 14, 2022 at 5:42 pm #1358358
    Rikard

    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,
    Rikard

    July 15, 2022 at 11:55 am #1358467
    Stefan

    Hey, 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,
    Stefan

    July 15, 2022 at 2:28 pm #1358496
    Yigit

    Hey 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!
    Yigit

    July 15, 2022 at 4:27 pm #1358513
    Stefan

    Hi 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,
    stefan

    July 21, 2022 at 11:47 am #1359006
    Stefan

    Any updates?
    Thanks, best regards,
    Stefan

    July 22, 2022 at 2:23 pm #1359199
    Yigit

    Hi 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

  • Author
    Posts
Viewing 23 posts - 1 through 23 (of 23 total)
  • You must be logged in to reply to this topic.