Okay
  Public Ticket #1674076
Make Blog page full width
Closed

Comments

  •   dadadadada started the conversation
  • [deleted] replied

    Hi there,

    This is a customization question and support doesn't offer customization services as we wrote on our support homepage and on this area. I will try to help you this time though

    Please add the code below to your Custom CSS area:

    /* Body: Large Screens bigger containers */
    @media (min-width: 1400px) {
        .blog.blog--standard .container {
            width: 1370px;
            max-width: 1370px;
        }
    }
    /* Body: Large Screens */
    @media (min-width: 1600px) {
        .blog.blog--standard .container {
            width: 1570px;
            max-width: 1570px;
        }
    }

    Have a great week!

  •  5
    bauro101 replied

    Hi Ylli, I just see this code you provide for the blog section. I like it this way. How can I do the same style on the portfolio page "Work" (I'am Remi) ? Thanks for answer.

    Roger

  • [deleted] replied

    Hi Roger,

    Can you please write URL of this exact page please?

  •  5
    bauro101 replied

    https://rogerbaumannphotography.com/ that page i would like look same like the my "blog page".

    The pages Work, Blog, Blog single Post, About and Kontakt: Because of the CSS Code, the Header (Logo and Menu and Footer )  is not align anymore. How can i fix that ? 

    thanks

  • [deleted] replied

    Hi Roger,

    Here is the code that you can add in the pages that you want.

    /* Body: Large Screens */
    @media (min-width: 1400px) {
        .container, .content-area {
            width: 1370px;
            max-width: 1370px;    
        }
        
        .vc-container .vc-parent-row.row-stretch_row>.vc_row,
        .vc-container .vc-parent-row.row-default {
            width: 1370px;
            max-width: 1370px;    
        }
        
        .woocommerce .products.columns-3 .product {
            width: 33.3%;
        }
    }
    /* Body: Large Screens */
    @media (min-width: 1600px) {
        .container, .content-area {
            width: 1570px;
            max-width: 1570px;    
        }
        
        .vc-container .vc-parent-row.row-stretch_row>.vc_row,
        .vc-container .vc-parent-row.row-default {
            width: 1570px;
            max-width: 1570px;    
        }
        
        .woocommerce .products.columns-3 .product {
            width: 33.3%;
        }
    }

    Please make sure to add it in the Parameters and Options area > Custom CSS.

    Regarding your further questions, kindly open a new ticket and post your request so it will be helpful for the other users to take advantage of searching them on the forum. We’re glad to help you in your new thread.

    Will set this ticket as solved from here.