Styling the “Save Setting” button

  • Resolved kaschwei

    (@kaschwei)


    2 years, 6 months ago

    What´s the id for css styling for the button you save your cookie settings on the cockie-banner?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor jarnovos

    (@jarnovos)

    2 years, 6 months ago

    Hi @kaschwei,

    The below will target both View preferences & Save preferences in the Cookie Banner. You might have to include an !important flag.

    .cc-compliance .cc-btn.cc-show-settings, .cc-compliance .cc-btn.cc-save {
background-color: #33333!important;
}

    Let me know if that works!
    Kind regards,
    Jarno

    Thread Starter kaschwei

    (@kaschwei)

    2 years, 6 months ago

    Sorry, no it doesn´t work!

    For the accept Button I used: .cc-btn
    {background-color: #EEE!important;} .cc-btn:hover
    {background-color: #EEE!important;}

    and this works for the accept button but not for the save setting Button

    Plugin Contributor jarnovos

    (@jarnovos)

    2 years, 6 months ago

    Hi @kaschwei,

    Can you try .cc-save, .cc-show-settings {} instead?

    This should be specific enough, as per the overview of CSS classes here: https://complianz.io/css-classes-overview/

    Hope it helps.
    Kind regards,
    Jarno

    Thread Starter kaschwei

    (@kaschwei)

    2 years, 6 months ago

    O.k. i saw the page, but it seems that you have first to define a button for .cc-save, .cc-show-settings {}

    This is normally no button or hover functionality, isn´t it?

    .cc-save, .cc-show-settings {} or .cc-save:hover, .cc-show-settings:hover {} doesn´t work.

    Thread Starter kaschwei

    (@kaschwei)

    2 years, 6 months ago

    I have found a solution:

    #cc-window .cc-save:hover {
    background-color: #EEE!important;
    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Styling the “Save Setting” button’ is closed to new replies.