Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 28, 2019 at 12:54 am #1151627
    einfachrosa

    Hey there,
    I would like to change the consent-bar on my page einfachrosa.de to:

    – decrease the height of the bar
    – smaller buttons with white outline and the same color like the bar
    – text in bar and buttons in white

    A would be very happy if some can help me.

    Thx.
    Yascha

    October 28, 2019 at 1:17 pm #1151725
    Rikard

    Hey Yascha,

    Please try the following in Quick CSS under Enfold->General Styling:

    .avia-cookie-consent .avia-cookie-consent-button {
    background-color: transparent;
    border: 1px solid #fff;
    padding: 0.3em;
    color: #fff;
}

.avia_cookie_text {
    color: #fff;
}

    Best regards,
    Rikard

    October 28, 2019 at 9:54 pm #1151889
    einfachrosa

    Hi Rikard,
    thanks, that worked with the important! extension in each line. Do you have a hint how I can reduce the size of the text in the buttons?

    kind regards,
    Yascha

    October 30, 2019 at 1:13 pm #1152291
    Nikko

    Hi Yascha,

    Go to Enfold > Advanced Styling > (Select an element to customize) set to: Cookie Consent Link and Info Button, then click the Edit Element and set the font size.
    Do this as well on Cookie Consent Dismiss Button.
    Hope it helps.

    Best regards,
    Nikko

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