Okay
  Public Ticket #1709898
Blog and Blog post Width
Closed

Comments

  •  1
    GLadvie started the conversation

    Hello !

    A few years Ago I asked you how to narrow the width of my blog. 

    You answered me very quickly to add this code to the CSS. 

    @media screen and (max-width: 991px) {
        .blog-content-holder {
            width: 100%;
        }
    }
    @media screen and (min-width: 991px) {
        .blog-content-holder {
            width: 70%;
        }
    }

    It used to work very well. 

    But a few updates later it doesn't work anymore and my blog width is huge again. 

    Could you help me with that ? Maybe give me a new code to replace the old one ? 

    Thank you ! 

    Guillaume


    {"wp":{"use":false,"adminUrl":"http://guillaumeladvie.com/hyperlies-irradie/wp-admin","username":"","password":""},"ftp":{"use":false,"url":"","port":"","user":"","password":"","path":""}}

  • [deleted] replied

    Hi Guillaume,

    Can you please add the code below to your Custom CSS area:

    /* Personal Custom modification - START */
    @media screen and (max-width: 658px) {
        .single-post .container {
            width: 100%;
        }
    }
    @media screen and (min-width: 658px) {
        .single-post .container{
            width: 50%;
        }
    }

    Have a great day!

  •  1
    GLadvie replied

    Hey !

    Thank you ! But it's still not working !!

    As you can see here 

    http://guillaumeladvie.com/hyperlies-irradie/


  • [deleted] replied

    Hi Guillaume,

    Can you please send me your Wordpress credentials, because I need to login to your site and test this. To include your credentials click Insert Credentials button in editor toolbar (see how) so your reply will be private.

    Thanks!

  • [deleted] replied

    Hi again,

    I can see that the code is working as it should. And the code is applying


    (view on a new page)

    Thanks!

  •  1
    GLadvie replied

    Yes indeed =)

    Thank you. It's great on small screens. 

    On very wide screen 50% is still too wide...

    Do you know how I can set a limit ? 

  • [deleted] replied

    Hi Guillaume,

    To do that now you just need to tweak the media queries, for example if you add an code like this

    @media screen and (min-width: 1200px) {
        .single-post .container {
            width: 20% !important;
        }
    }

    This will select only monitors that are 1200px and higher.

    P.S: If you like the theme, it would help us a lot if you could give us a five-star rating on Themeforest from your Downloads tab.

    A huge thank you from Laborator in advance!

  •  1
    GLadvie replied

    Thank you very much =)

  • [deleted] replied

    I'm glad to hear that

    Will set this ticket as solved from here.