Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • #1226394

    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

    #1226788

    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

    #1227544

    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

    #1227833

    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

    #1228546

    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

    #1228656

    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

    #1228858

    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

    #1229606

    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

    #1274094

    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?

    #1274628

    Hey jgooiker,

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

    Best regards,
    Jordan Shannon

    #1274789
    This reply has been marked as private.
    #1276538

    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

    #1358068

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

    #1358087

    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

    #1358183

    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 1 year, 9 months ago by Stefan.
    • This reply was modified 1 year, 9 months ago by Stefan.
    #1358193

    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

    #1358336

    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 1 year, 9 months ago by Stefan.
    #1358358

    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

    #1358467

    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

    #1358496

    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

    #1358513

    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

    #1359006

    Any updates?
    Thanks, best regards,
    Stefan

    #1359199

    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

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