I have use written a post containing a button and it looks fine on desktop and tablet (though I had to add a spacer after it as the text was too close. However, in mobile the text cannot be read - it just looks like a coloured bar along the screen.
This is the post URL and I have attached a screenshot of how the button (at the bottom of the post) looks on mobile: Crochet Pattern Testers - What are they and how do you become one? - Dora Does
Do you have any suggestions on how to fix this? I’ve used buttons before but have never had this issue!
Hey Dora
Which button? can you please tell me how and where to replicate your problem? most probably it can be fixed by easy css code
Hi
I added a picture of what the button looks like on mobile - like a pink bar - not a button!
I’ll attach a screenshot of how it looks on my iPad where it displays correctly!! It’s right near the bottom of the blog post.
Many thanks for following up!!
I’m not sure it’s letting me upload the screenshot as it says the file is too big (I don’t know how to reduce file size on my phone!!!)
This one is now it looks on mobile in case it didn’t upload first time.
hey there
Thank you, I see it now
Please add this CSS in appearance - customize - additional CSS
a.wp-block-button__link {
padding: 20px;
color: black;
}
Thanks!
Colorlib Support Team
hey there
Thank you, I see it now
Please add this CSS in appearance - customize - additional CSS
a.wp-block-button__link {
padding: 20px;
color: black;
}
Thanks!
Colorlib Support Team