Wider Blog posts

  • Posted in : Empathy
  • joehannouch
    Participant

    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
    Moderator

    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
    Participant

    Perfect thanks

    serkan
    Moderator

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

    chanakyashah
    Participant

    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
    Moderator

    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

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register