Title: OneSignal AMP Button
Last modified: May 31, 2018

---

# OneSignal AMP Button

 *  [ivanc82](https://wordpress.org/support/users/ivanc82/)
 * (@ivanc82)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/onesignal-amp-button/)
 * Hi, the OneSignal button seems not align properly and I’m unable to style or 
   position the button. Is there any way to do it?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fonesignal-amp-button%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Contributor [ampforwp](https://wordpress.org/support/users/ampforwp/)
 * (@ampforwp)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/onesignal-amp-button/#post-10343831)
 * Hello [@ivanc82](https://wordpress.org/support/users/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](http://take.ms/C9LZw)
 * Please let me know.
 *  Thread Starter [ivanc82](https://wordpress.org/support/users/ivanc82/)
 * (@ivanc82)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/onesignal-amp-button/#post-10361536)
 * Hi [@ampforwp](https://wordpress.org/support/users/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.
 *  Plugin Contributor [ampforwp](https://wordpress.org/support/users/ampforwp/)
 * (@ampforwp)
 * [7 years, 11 months ago](https://wordpress.org/support/topic/onesignal-amp-button/#post-10364241)
 * Hello Hello [@ivanc82](https://wordpress.org/support/users/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.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘OneSignal AMP Button’ is closed to new replies.

 * ![](https://ps.w.org/accelerated-mobile-pages/assets/icon-256x256.png?rev=1693616)
 * [AMP for WP - Accelerated Mobile Pages](https://wordpress.org/plugins/accelerated-mobile-pages/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/accelerated-mobile-pages/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/accelerated-mobile-pages/)
 * [Active Topics](https://wordpress.org/support/plugin/accelerated-mobile-pages/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/accelerated-mobile-pages/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/accelerated-mobile-pages/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [ampforwp](https://wordpress.org/support/users/ampforwp/)
 * Last activity: [7 years, 11 months ago](https://wordpress.org/support/topic/onesignal-amp-button/#post-10364241)
 * Status: not resolved