Just use this code:
.widget > * {
text-align: center;
}
Thank you, but it is not working… 🙁 I added your suggestion to the custom CSS in the customizer. Starting to think I am doing something wrong there, but I have added custom css in the past and it worked…
You have entered syntax errors in the field in the Customizer. This causes the browser to skip the code.
Currently, it says:
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
width: 60%;
max-width: 1240px;
}
@media only screen and (min-width: 482px) {
.site-header {
padding-bottom: 0px;
}
}
/* Footer Widget area */
.widget-area {
margin-top: 0px;
}
/* Remove focus style on links */
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
background:unset;
color:unset;
text-decoration:none;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
width: 80%;
max-width: 1240px;
}
.footer-widgets {
text-align: center;
}
.widgettitle {
text-align: center;
}
.textwidget {
text-align: center;
}
.footer-box {
text-align: center;
}`
.widget > * {
text-align: center;
}
/
The correct code would be:
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
width: 60%;
max-width: 1240px;
}
@media only screen and (min-width: 482px) {
.site-header {
padding-bottom: 0;
}
}
/* Footer Widget area */
.widget-area {
margin-top: 0;
}
/* Remove focus style on links */
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
background:unset;
color:unset;
text-decoration:none;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) {
width: 80%;
max-width: 1240px;
}
.widget > * {
text-align: center;
}
Pay close attention to the spelling here. One mistake and it will not be interpreted or will be interpreted incorrectly. In my example, I also removed the three details you added, as I don’t think they have any effect.
If you have a child theme, you can also simply store the code in its style.css.
That’s perfect and worked!!! You are a star, thank you so much!!!
