Buttons on AMP sites

  • Resolved tomas85

    (@tomas85)


    8 years ago

    Hi, is it possible to have buttons on AMP pages instead of regular text links? On non-AMP version of my site, I use buttons (for affiliate outbound links) but these are changed to regular text links on AMP page. Shortcodes that creates buttons also does not work. Can you help with this?

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

    (@ampforwp)

    Hi @tomas85,

    Can you give us the URL or screenshot of where it is happening? Or how does that button looks?

    Regards
    MARQAS

    Thread Starter tomas85

    (@tomas85)

    Hi Marquas,

    you can see the difference here on 2 same pages:
    NON-AMP version of the page

    VS

    AMP version of the same page

    On the non-amp version of the page, there are big red buttons (made via Site Origin call-to-action widget), however, these buttons are transfored into text links only in AMP version.

    Would it help to put the code for button in plain html in AMP customizer or what do you suggest?

    Jeffinho2016

    (@jeffinho2016)

    add this in your custom css

    .ow-button-base a {
    box-sizing: border-box;
    font-size: 1.3em;
    padding: 1em 2em;
    background: #d00;
    color: #FFF !important;
    border: 1px solid #d00;
    border-width: 1px 0;
    }

    Jeffinho2016

    (@jeffinho2016)

    without the !important
    I just copy/paste this code from your original page

    Thread Starter tomas85

    (@tomas85)

    Hi @jeffinho2016,

    thanks for help, buttons now show up again. However, ho do I create spacing between the button and headline below it? When I use margin-bottom for the button in AMP css, it seems not to work. Any guess?

    Thank you for help,
    Tomas

    Jeffinho2016

    (@jeffinho2016)

    try to add to the previous code

    display: inline-block;
    margin-bottom: 10px;

    riyazmoinshaik

    (@riyazmoinshaik)

    hey @tomas85

    I am so sorry for the delay.

    Is your issue resolved? Let me know, if you need any help, i will be happier to assist you.

    [ Signature moderated ]

    Thread Starter tomas85

    (@tomas85)

    Hi,

    thanks for help, it works perfectly!

    Thanks a lot,
    Tomas

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Buttons on AMP sites’ is closed to new replies.

Tags