[joehannouch]

Hello,

I tried making the blog posts wider on min-width: 992px, but the custom CSS is not working,

Please advice on what’s best to make the blog post wider (or min-width:992px).

This is the Custom CSS i entered (it looks good in the inspector when i change it so this is the value i want)

@media screen and (min-width: 992px)
.blog-single .entry-content {
max-width: 1200px;
}

[serkan]

Hi joehannouch,
Try to use this custom css code;

@media screen and (min-width: 992px) {
.blog-single .entry-content, .blog-single .layout-fixed { max-width: 740px; } }

Thanks

[joehannouch]

Perfect thanks

[serkan]

you’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

[chanakyashah]

Thanks, however my images stay super wide in this format. Can you please help?

All the customs CSS as of now: Are there any conflicting one?

.skill-unit .bar .progress { background: #fff; }
@media screen and (min-width: 768px) {
.home-section h2 { letter-spacing: 2px; } }
.social li a { font-size: 30px; }
.fun-fact h4 { font-size: 14px; }
@media screen and (min-width: 1400px) {
.home-section .content>div { margin-bottom: 4em; color: #fff; } }
@media screen and (min-width: 992px) {
.media-grid .media-cell { width: 25% !important; } }
.blog-single .featured-image { display: none; }
@media screen and (min-width: 992px) {
.blog-single .entry-content, .blog-single .layout-fixed { max-width: 740px; } }

[serkan]

Hi @chanakyashah,
You can add this custom css code as well.

@media screen and (min-width: 992px) {
.post .entry-content > p img:not(.alignleft):not(.alignright) {
    width: 100%; margin-left: 0; } }

Thanks