How can I modify CSS for a black background with white text on a popup button?

Store Design
1

Hi everyone,

I would love to ask you if you would know CSS code, that would resolve my issue.

Whatt CSS I would need to use so pop-up with age verification on my we with label “Ano” would be black background white text while the button "Ne would stay as is?

Any help appreciated.

All the best,

Petr

1 Like
2

Sorry, my website is www.cawino.cz

3

Hi @PetrMachacek ,

If the pop up is not coming from app, you might be able to edit using the instructions below.

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the theme.css
  3. Paste the code below at the very bottom of the file.
.agp__buttonType__button.agp__button {
background: #000;
    color: #fff;
    padding: 10px;
}
4

Hello @PetrMachacek :waving_hand:

To do that, in Shopify Admin, go to Themes, Edit code, open file theme.css (or theme.css.liquid) and add this code snippet at the bottom

.agp__buttonType__buttonContainer--pass .agp__button {
    background: #000;
    color: #fff;
    padding: 8px 0;
}

The result

Screen Shot 2022-10-15 at 13.03.12.png
Screen Shot 2022-10-15 at 13.03.12.png546×422 35.3 KB

Hope that helps!

5

Amazing, thanks a lot :slightly_smiling_face:

6

Amazing, thank you