How do I expand the width of the content area?
Please go to "Appearance > Customize > Additional CSS" and apply all the custom CSS below:
.post-title, .section-title {
float: none;
width: 100%;
}
.post-excerpt, .post-content, .section-content {
float: none;
width: 100%;
}
.fl-row-content-wrap {
padding-left: 0;
padding-right: 0;
}
.post-content-container.no-image {
margin-top: 0;
}
.side-fixed #side-container {
margin-top: 0;
}
.post-content a {
}
.post-content a > img {
float: left;
margin-bottom: 25px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
border: 0;
}
.post-excerpt,
.post-content,
.section-content,
.post-meta-wrapper,
.author-social {
float: none;
margin: 0;
width: 100%;
}
.post-excerpt,
.post-content {
margin-bottom: 25px;
}
.single-post .post-content {
margin-bottom: 50px;
}
.post-meta-wrapper {
overflow: hidden;
}
.single-post .post-meta {
margin-bottom: 5%;
overflow: hidden;
}
.single-post .post-meta:last-child {
margin-bottom: 0;
}
.post-meta li {
float: left;
}
.post-meta li::after {
content: '//';
padding: 0 8px 0;
}
.post-meta li:last-child::after {
content: '';
padding-right: 0;
}
.meta-categories li::after,
.meta-tags li::after {
content: ',';
padding: 0;
margin-right: 6px;
}
.meta-categories .meta-categories-title::after,
.meta-tags .meta-tags-title::after {
content: '';
margin-right: 0;
}
.meta-categories .meta-categories-title,
.meta-tags .meta-tags-title {
float: none;
}
.post-content-container,
.content-section-wrapper {
}
.top-section {
margin-bottom: 6.5%;
}
.section-content {
margin-bottom: 3%;
}
.comment-author-avatar {
margin-right: 25px;
width: 100px;
}
.blog-list .post-image {
margin-bottom: 25px;
}
@media only screen and (max-width: 1350px) {
#content-container {
width: 70%;
}
}
The code will set the content area to 100%, reduce the spacing at the top, and adjust some other elements to best work with this custom width.

