Buttons on AMP sites

Hi @tomas85,

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

Regards
MARQAS

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?

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;
}

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

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

try to add to the previous code

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

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 ]

• This reply was modified 7 years, 11 months ago by Jan Dembowski.

Hi,

thanks for help, it works perfectly!

Thanks a lot,
Tomas