How could I alter the width of the page, I mean there's a lot of free screen space in the sides, I want the text of the webpage to use that wasted space to achieve a better readibility.
I tried modifying CSS and posts are shown correctly but it screws up other parts like homepage.
I eventually achieved my goal this way:
.flex-col {
max-width: 90%;
margin: 0 auto;
}
.article-content {
max-width: 100%;
margin: 0 auto;
}
.medium-zoom-image {
max-width: 100%;
height: auto;
}
.relative {
max-width: 90%;
margin: 0 auto;
}
.container {
max-width: none;
width: 100%;
}
I paste de CSS only for reference.
How could I alter the width of the page, I mean there's a lot of free screen space in the sides, I want the text of the webpage to use that wasted space to achieve a better readibility.
I tried modifying CSS and posts are shown correctly but it screws up other parts like homepage.
My CSS:
.flex-col {
max-width: 90%;
}
.article-content {
max-width: 100%;
}
.medium-zoom-image {
max-width: 100%;
}
.relative {
max-width: 90%;
}
Any idea, recomendation?