Home › Forums › Air WordPress Theme › maintain column in gallery rows
- This topic has 4 replies, 2 voices, and was last updated 4 years, 4 months ago by
SeaTheme.
-
AuthorPosts
-
January 26, 2022 at 7:43 pm #26878
Hi, I am using a 4 column gallery, but if i have 6 images, is it possible to maintain the image size of the 4 columns on the second row? rather than having the last two images be 2 columns that are the same width as the 4 columns? For example:
https://www.amyshutter.com/2018/12/12/pocky/
I tried selecting 4 columns for the second row but the images still show up in 2 columns.
January 27, 2022 at 1:52 am #26881Hi there,
Welcome to SeaTheme forum.
For the specific post, please add the CSS to you child theme:
@media (min-width: 768px) { .postid-839 .list-layout-col2 { display:flex; } .postid-839 .list-layout-col2:after: .postid-839 .list-layout-col2:before{ display:none; } .postid-839 .list-layout-col2-item { width: 25%!important; } .postid-839 .list-layout-col2 .ux-lazyload-wrap { width: 100%!important; height: auto!important; } }If all of your gallery posts are with the same layouts(4 columns), please add the CSS:
@media (min-width: 768px) { .list-layout-col { display:flex; } .list-layout-col:after: .list-layout-col:before{ display:none; } .list-layout-item { width: 25%!important; } .list-layout-col .ux-lazyload-wrap { width: 100%!important; height: auto!important; } }
Regards!
SeaTheme – FAQs – WordPress Customization – FacebookJanuary 27, 2022 at 4:09 pm #26896ah this is absolutely perfect. thank you so much!
January 31, 2022 at 8:11 pm #26928I have a follow up question here.. somewhat related.. Can i also maintain two columns on mobile version for specific posts?
For example i would like this page to have the same 2 column layout on mobile as it does on desktop:
https://www.amyshutter.com/2016/12/20/ims360/any assistance here is of course appreciated!
February 1, 2022 at 2:57 am #26931Please add the custom CSS:
@media (max-width: 767px){ .responsive-ux .post_format-post-format-gallery .list-layout-col2-item { width:auto!important } }
Regards!
SeaTheme – FAQs – WordPress Customization – Facebook -
AuthorPosts
- You must be logged in to reply to this topic.
