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 to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor ampforwp

    (@ampforwp)

    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: https://take.ms/C9LZw

    Please let me know.

    Thread Starter ivanc82

    (@ivanc82)

    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.

    Plugin Contributor ampforwp

    (@ampforwp)

    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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘OneSignal AMP Button’ is closed to new replies.