Home › Forums › WoodMart support forum › Page Rows Change Width

Page Rows Change Width

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 19, 2018 at 11:51 am #34217

    newsprince
    Participant

    Hello.

    I want to ask how to shrink the width of a specific visual composer row in my page.

    From the theme’s options > General Layout > Site width

    I have set it > Content Full Width

    But for some rows inside a page i create, i want the rows to have different width size.

    What css can i use to do it and adjust it accordingly?

    I want to shrink the Row’s width size but keep elements and columns centered inside the browser window.

    Thank you.

    January 19, 2018 at 12:26 pm #34222

    Artem Temos
    Keymaster

    Hello,

    Could you please send us a screenshot where do you want to use this width for the row on your website? We will try to prepare some custom CSS snippet for this task.

    Regards

    January 19, 2018 at 12:44 pm #34231

    newsprince
    Participant

    This is our test front page link.

    You see the banner with 3 columns are very large.

    We want to be smaller but also responsive. For example when you resize the browser window the gaps left and right to shrink accordingly.

    January 19, 2018 at 12:49 pm #34235

    Artem Temos
    Keymaster

    Try to add this CSS class row-width-limit to your row and then put the following code to the custom CSS area for desktop devices only

    .row-width-limit {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
    January 19, 2018 at 1:00 pm #34240

    newsprince
    Participant

    THANKS. It’s working. I’ll adjust it accordingly with that code now to achieve maximum results. Great!

    January 19, 2018 at 1:09 pm #34244

    Artem Temos
    Keymaster

    Great, you are welcome!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)