This might be pretty obscure (because I can't find anyone else have asked it)! Anyway, having a problem:
I'm trying to have several images appear next to each other on one row. Sometimes this can be achieved by having each image in one of the 2, 3, 4 or 6 columns that Visual Composer allows. Unfortunately, most of the time I need more than 6 images in a row and when I try to have more than one image in a column the images drop onto a new line. They all need to be on the same line.
Is there any way around this?
I've provided an image to illustrate what 4x images in 1x column looks like in Visual Composer and then how it appears on the live site (each falling on to a new line).
If you add in an extra class "four-imgs" and float the images with the given css as can be seen in this screenshot: http://prntscr.com/47yubn : You should be able to align them left.
Thanks lots for the code. This has been a big help. I've been able to make a much better layout. I'd prefer if I could centre the images but I dont think there's a centre option for 'float', is there?
Anyway, this has helped and I'm satisfied. Thanks! :)
This might be pretty obscure (because I can't find anyone else have asked it)! Anyway, having a problem:
I'm trying to have several images appear next to each other on one row. Sometimes this can be achieved by having each image in one of the 2, 3, 4 or 6 columns that Visual Composer allows. Unfortunately, most of the time I need more than 6 images in a row and when I try to have more than one image in a column the images drop onto a new line. They all need to be on the same line.
Is there any way around this?
I've provided an image to illustrate what 4x images in 1x column looks like in Visual Composer and then how it appears on the live site (each falling on to a new line).
Appreciate any help :)
Will
Hey Will!
Sorry for the delay, Could you please post a url to the live page so i can take a look at the css ans try to write up some to fix it.
Thanks
ThemeNectar Support Team
Hey Will!
If you add in an extra class "four-imgs" and float the images with the given css as can be seen in this screenshot: http://prntscr.com/47yubn : You should be able to align them left.
.four-imgs img { float: left; }
Cheers
ThemeNectar Support Team
Hi Tahir,
Thanks lots for the code. This has been a big help. I've been able to make a much better layout. I'd prefer if I could centre the images but I dont think there's a centre option for 'float', is there?
Anyway, this has helped and I'm satisfied. Thanks! :)