Button: responsive and center-aligned

I'm not seeing it centered, but you should be able to do so quite easily like this:

<p style="text-align: center;">Your button here</p>

What about it isn't scaling right?

Thanks a bunch Tom. You did not see it centered because I could not figure out how to center it while keeping the responsive scaling right.

Would you have any idea why there is a stroke on the button, when I access the page from my iOS device?

Hi there,

there is this CSS that is adding a 1px border to the button - it looks the same to me on desktop or iOS

a.button,
a.button:visited,
button,
input[type="submit"] {
	border-width: 1px;
	border-style: solid;
	border-color: inherit;
}

That is weird. Both in Safari on macOS and iOS I get the border around the button. The CSS you are referring to, is that standard in GP? If yes, how do I overwrite it? I haven't added anything the likes of it.

I am able to overwrite it using this less elegant solution:

a.button,
a.button:visited,
button,
input[type="submit"] {
	border-width: 0!important;
	border-style: none!important;
}

Hi there,

check in your Additional CSS - it looks like its left over from installing a GP Site (?)

Thanks David, it was indeed in Additional CSS.

This is a fresh install of GP, any clue why there is a bunch of CSS in the Additional CSS?

Odd - GP doesn't add anything to the Additional CSS. The comment at the end of the Additional CSS is what we add to the CSS that comes as part of a GP Site install.

Strange indeed. I deleted all of it since I use the style.css in my child theme instead. Thanks for your help David, I will mark this topic as solved.

You're welcome.