Okay
  Public Ticket #229517
Columns using in container
Closed

Comments

  • Gabi started the conversation

    Support,

    You have made an excellent video on youtube showing how to create the 3 columns.

    How can I create the same desired effect, but so it's not the full width of the page, but in container (basically the width of the text in the page, if it was full)

    Without the gaps in the middle of the containers (same as in video, where the containers are joint next to each other)

    Many thanks,

    G.

  • Gabi replied

    Support,

    I have used the following on the custom CSS.

    body .vc_row-fluid [class*="vc_span"]{

    margin-left: 0px;

    }

    However the *= isn't an ideal way of doing this.

    Can you provide any recommendation or alternative please? 

    Many thanks,

    G

  •  8,839
    Tahir replied

    Hey Gabi!

    I am not sure which video you are referring too though you can easily create 3 columns using the built in option as can be seen in the screenshot: http://prntscr.com/3rq9ci

    Thanks


    ThemeNectar Support Team 

  • Gabi replied

    Hey,

    Video on the YouTube channel.

    Making three boxes is easy, its joining them together without them spending the whole width of the page.

    Does that make sense?

    Gabi

  •  8,839
    Tahir replied

    Hey Gabi!

    I believe you are referring to the Edit Row options here : http://prntscr.com/3rrooo

    Thanks


    ThemeNectar Support Team 

  • Gabi replied

    Tahir,

    Apologies, i'm possibly not being clear.

    On the youtube video it shows how to create Full Width Content Columns which is great https://www.youtube.com/watch?v=DpJWWM4BAbo

    An image of this = http://grab.by/xJ0A

    However, I want to do the same, but not be full width, I want it to be like this but with the different colours > http://grab.by/xJ0C

    So it should look like this > http://grab.by/xJ0I

    I have used the following CSS, but it doesn't seem best practice, can you recommend what I should do?

    body .vc_row-fluid [class*="vc_span"]{

    margin-left: 0px;

    }

  •  8,839
    Tahir replied

    Hey Gabi!

    Please provide us wp-admin login details so we can take a look and sort this for you. Also please remove any relevant custom css that you have added . 

    Thanks


    ThemeNectar Support Team