I am using Bootstrap 4 Theme in WordPress. I have moderate experience in customizing themes. The text in my Posts is left aligned within the row (appearing on the edge of the container or the web page itself). I would like the text to appear down the center of the web page. Can I centre-align the text using Custom CSS? Thanks

When I inspect the code relating to the column, it appears as follows:

.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}

I am using Bootstrap 4 Theme in WordPress. I have moderate experience in customizing themes. The text in my Posts is left aligned within the row (appearing on the edge of the container or the web page itself). I would like the text to appear down the center of the web page. Can I centre-align the text using Custom CSS? Thanks

When I inspect the code relating to the column, it appears as follows:

.col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}

• twitter-bootstrap
• screen-layout

• Welcome to WPSE. Questions related to generic css and 3rd party themes are considered off-topic on this forum. These kinds of questions might be better asked at Stack Overflow or another appropriate Stack Exchange network site. Theme questions are better asked about at their developers' support routes. – Antti Koskinen Commented Sep 6, 2019 at 7:23

1 Answer 1

<div class="row justify-content-center">
<div class="col-lg-8">
Your content
</div>
</div>