Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 2, 2018 at 3:21 pm #965881
    Sujohn

    Hi

    Just a very small issue with styling on the cookie bar button. One of my buttons has a white border appearing and I can’t get rid of it.
    I have tried the advanced settings and also the css code here
    https://kriesi.at/support/topic/cookie-consent-and-learn-more-button-styling-enfold-theme-option
    and also this
    .avia-button .avia-cookie-consent-button .avia-cookie-consent-button-2 .av-extra-cookie-btn {
    border: none;
    }
    I can’t see any changes taking effect. Not sure what I am doing wrong.

    Thanks
    Su

    June 3, 2018 at 1:54 am #966008
    Vinay

    Hey Sujohn,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
/* CSS - Cookie message button */

#top .avia-cookie-consent .avia-cookie-consent-button.av-extra-cookie-btn {
    border:none;
}

/* End CSS */

    Result:

    Best regards,
    Vinay

    June 5, 2018 at 1:52 pm #967225
    Sujohn

    Hi
    I tried the code you suggested but with no luck. What is strange is that although in the advanced settings sections I have both buttons set to blue with white text no border I am seeing one button as blue with black text and one as black with a white border.
    I am seeing this in chrome, firefox and android which is all I can directly test.
    Thanks
    Su

    June 6, 2018 at 11:38 am #967779
    Rikard

    Hi,

    Please try this instead:

    .avia-cookie-consent .avia-cookie-consent-button.av-extra-cookie-btn {
    border-color: transparent !important;
}

    Best regards,
    Rikard

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