Row

[nevad73]

I need a row with seven columns for just one section. I see that I can do six but not seven. Can this be done?

[sharmstr]

The row uses a 12 column layout. The column width needs to go into 12 evenly. So you cant break the full row into 7 equal columns.

But with some css magic you can…

In the column layout, click on custom and add this:

1/12 + 1/12 + 1/12 + 1/12 + 1/12 + 1/12 + 1/12

That will add 7 1/12″ sized columns. Then go into the row settings and add an Extra class name called seven-columns. Save that and then click on the gear icon in vc (upper right) and add this css.

COPY CODE

.seven-column {
    width: 100%;
}
.seven-column .vc_col-sm-1 {
    width: 14%;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[nevad73]

You are awesome works perfectly. THANK YOU 🙂

[nevad73]

Slight problem. On a mobile device it all turns to mush. Meaning that each section is to small, not filling the screen.

[sharmstr]

Does this css resolve that?

COPY CODE

@media (max-width: 991px) {
.seven-column {
    width: 100%;
}
.seven-column .vc_col-sm-1 {
    width: 14%;
}
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts