Centering
In terms of Page Builder custom row styles, I can help out in almost any way. I’m just not following how you want to center your content.
You have 2 columns.
Each column is 50% in width.
Within each column the content is left aligned.
If you’re asking how you can center content within the column but still maintain the left alignment, we could try the following:
/* Contact Page */
.page-id-97 .constrained .textwidget {
margin: 0 auto;
}
.page-id-97 .constrained .textwidget:nth-of-type(1) {
max-width: 60%;
}
.page-id-97 .constrained .textwidget:nth-of-type(2) {
max-width: 51%;
}
In order to center content is usually needs a width. By default the Text widget is 100% width so we can’t center it. Let me run you through what’s going.
.page-id-97 is the ID of the contact page. We’re keeping these rules specific.
.constrained means we’re only targeting text widgets within our custom class row.
textwidget refers to the widget class we want to target.
Rule 1: This takes care of centering.
Rule 2: Assigns a width to the first Text widget.
Rule 3: Assigns a width to the second Text widget.
Hope that makes sense ??
