How to use CSS to change the Promotional Pop-Up button on hover

Site URL: https://www.lovebirdieco.com/

Hello,

I am trying to change the style of the promotional pop-up button so that when I hover the subscribe button it changes from black font to white. 

Thank you.

Password?

lovebirdie

Add the following to Design > Custom CSS.

.sqs-slide-wrapper[ data-slide-type = "popup-overlay"] .button-style-outline [ data-compound-type = "popup-overlay-action" ] button[ type = submit ]:hover {

  color : white;
  
  }

@media ( min-width : 1px ) and ( max-width : 600px ) {

  .sqs-slide-wrapper[ data-slide-type = "popup-overlay" ] .sqs-slide-container[ data-slide-type = "popup-overlay" ].overlay-mobile-styles-enabled.button-style-outline [ data-compound-type = "popup-overlay-action" ] button[ type = submit ]:hover {
  
    color : white;
    
    }
  }

This is for v7.1.

Let us know how it goes.

Amazing!! 

Thank you so much for your help.

Hey Creedon, would you be able to help with the fact that it looks like it fixed the issue, on the desktop version, the mobile version still goes black?

Thank you!

I've updated my code post.

Thank you!

Hello, can you help me with this code for 7.0?

@SW_2020

Please post the URL for a page on your site where we can see your issue.

If your site is not public please set up a site-wide password, if you've not already done so.

Post the password here.

Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

Web URL

https://www.sanderswingo.com/

Thank you

@SW_2020

Add the following to Design > Custom CSS.

.homepage .sqs-slide-wrapper[data-slide-type="popup-overlay"] .sqs-slide-container[data-slide-type="popup-overlay"].button-style-outline [data-slice-type="buttons"] a:hover {

  color : white;
  
  }

This is for v7.1 using the Brine template family.

Let us know how it goes.

Thank you, this worked!