Hello @ivanc82
Yes, you can style the button by doing some customization in CSS.
and for that, you can use custom CSS section of our plugin.
you can find the custom CSS section in the following setting.
Dashboard>AMP>design>global>custom css section
see this screenshot: http://take.ms/C9LZw
Please let me know.
Hi @ampforwp
I’m still can’t style the OneSignal button CSS, the custom CSS will be override by the original CSS / commented out and unable to force it, I know we can’t use !important. I can style others but not the button.
Hello Hello @ivanc82
Can you please try this CSS code and change it according to your requirements.
Paste this CSS code to custom CSS section of our plugin.
amp-web-push-widget button.subscribe {
display: inline-flex;
align-items: center;
border-radius: 2px;
border: 0;
box-sizing: border-box;
margin: 0;
padding: 10px 15px;
cursor: pointer;
outline: none;
font-size: 15px;
font-weight: 400;
background: #3a5e88;
color: white;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.5);
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
Please let me know if it works.
