Apply max-width to a one column layout

[iscandar]

Hi there,

I’m trying to make a post that contains a one column layout, similar to what you see on Medium. I cannot figure out how to make the column center on the page. The row has a custom class (.sp-post-body-row) and the column has a custom class (.sp-post-body-col).

Here’s what I added to my custom styles.css file:

/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {

.sp-post-body-col {

max-width: 740px;

padding: 20px;

margin: 0 auto;

}

}

Here’s what I would like to do:

* give the column a max-width of 740px, for screens 768 and up

* have the column centered on the page

 

Here’s the URL to the template:  https://www.stellarpeers.com/post-template/

Thanks in advance!

 

[Laura]

Not marked as solution

[iscandar]

Not marked as solution

[Laura]

Not marked as solution

[Author]

Posts