- This topic has 3 replies, 2 voices, and was last updated 3 years, 4 months ago by
.
-
Posts
-
Hi guys
This is so weird!
I have this Additional Custom CSS in my sites for WP Buttons, that I got your help with.
On the site I’ve shared with you, the buttons are now displaying left aligned where before they were centre aligned.
On my other site they display in the centre.
What can I do to fix this please?
Here’s the CSS that is in both sites
/*START of WP BUTTON LINK*/
.wp-block-button__link {
width: 100%;
max-width: 300px;
border-radius: 90px;
margin: 0 auto 10px;
margin-top: 60px; margin-bottom: 60px;
display: block;
font-size: 19px !important;
font-weight: bold;
background-color: #49a964;
background-image: -webkit-gradient(linear, left top, left bottom, from(#38d6c4), to(#1b998b));
text-decoration: none;
color: #ffffff !important
}
.wp-block-button__link:hover{
background-color: #eaa355;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcc7b1), to(#Ff9b71));
color: #ffffff
}
/*END of WP BUTTON LINK*/As always I appreciate your help.
Cheers JodieCustomer Support
Hi there,
WP 6.1 made some changes to how it writes its CSS which can lead to some styles to go missing.
Add this CSS to your site to fix that:body .is-layout-flex { display: flex; flex-wrap: wrap; }And just like that it is fixed!! Thanks so much David. As always I really do appreciate your help.
Cheers Jodie
You’re welcome – happy to be of help!
- You must be logged in to reply to this topic.
