Cookie Banner CSS

Some useful code to style Cookie Banner.

#1. Change size of text “Manage Cookies”

button.manage span {
    font-size: 16px !important;
}

#2. Change color of Acccept all button

button.accept {
    background-color: #f1f !important;
    color: green !important;
}

#3. Change color of decline button

button.decline {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #fff !important;
}

#4. Change color of Manage cookies button

button.manage {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #fff !important;
}

#5. Round corners of cookies buttons

section.gdpr-cookie-banner button {
    border-radius: 30px !important;
}

#6. Change color of outline around cookies buttons

section.gdpr-cookie-banner button {
    border-color: green !important;
}

#7. Round corners of button in Manage Cookies popup

button.save {
    border-radius: 50px;
}

#8. Change background of Manage cookies popup

div.manage-cookies-overlay {
    background-color: #f1f !important;
}

#9

Extra Text

Some useful code to style Cookie Banner.

#1. Change size of text “Manage Cookies”

#2. Change color of Acccept all button

#3. Change color of decline button

#4. Change color of Manage cookies button

#5. Round corners of cookies buttons

#6. Change color of outline around cookies buttons

#7. Round corners of button in Manage Cookies popup

#8. Change background of Manage cookies popup