I have a simple image gallery with type 'Image Grid Style' and a 4-column layout.
Since updating to v11 it doesn't constantly shows 4 columns in a maximized browser window. It seems that the behavior is most broken in Firefox, Chrome is handling it better. Although both have following behavior: When scaling down the window, the number of columns jump from 3 to 4 to 3 to 4 to ... and ultimately to 2 and 1 as expected for mobile. The flickering from 3 to 4 and back isn't expected and is broken functionality imo.
Gonna escalate this to the developer so this may be fixed in upcoming updates. In the meantime use below fix.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Be aware that this causes all galleries to have no padding which screws up some other pages. I installed a plugin so I could only have the css active on a specific page not to have other layouts broken.
Hey,
I have a simple image gallery with type 'Image Grid Style' and a 4-column layout.
Since updating to v11 it doesn't constantly shows 4 columns in a maximized browser window. It seems that the behavior is most broken in Firefox, Chrome is handling it better. Although both have following behavior: When scaling down the window, the number of columns jump from 3 to 4 to 3 to 4 to ... and ultimately to 2 and 1 as expected for mobile. The flickering from 3 to 4 and back isn't expected and is broken functionality imo.
Could you provide a temporary fix?
I've already disabled minify and caching etc...
Hey Again,,
Gonna escalate this to the developer so this may be fixed in upcoming updates. In the meantime use below fix.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.vc_row-fluid > .span_12 .wpb_column { padding-left: 0% !important; padding-right: 0% !important; }Thanks
ThemeNectar Support Team
Hey Tahir, thanks for this temporary solution.
Be aware that this causes all galleries to have no padding which screws up some other pages. I installed a plugin so I could only have the css active on a specific page not to have other layouts broken.
Oh and kudo's to the dev team to fix the 20 image gallery limit! Much appreciated!
Hey StormeNet, thanks for reporting this. It will be sorted in the next minor release. For now, the CSS which you can use to correct it is:
body .portfolio-items .col.span_3 { width: 24.9%; }Cheers :)