Kolea Posted May 29, 2022 Share Posted May 29, 2022 Site URL: https://kolea.tv Hi I would like to increase my index grid to a row of 4 columns. Any help would be greatly appreciated. Dave Link to comment
tuanphan Posted May 31, 2022 Share Posted May 31, 2022 Add to Design > Custom CSS @media screen and (min-width:901px) { .index-list.clearfix { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 20px 20px; } .index-list.clearfix>div { width: 100% !important; } .index-list.clearfix:before { display: none; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Kolea Posted December 11, 2022 Author Share Posted December 11, 2022 Doesn't seem to have worked? Link to comment
tuanphan Posted December 15, 2022 Share Posted December 15, 2022 On 12/11/2022 at 10:49 PM, Kolea said: Doesn't seem to have worked? Hi, Try moving the code to top of CSS box Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Kolea Posted December 17, 2022 Author Share Posted December 17, 2022 Still the same outcome? Link to comment
tuanphan Posted December 20, 2022 Share Posted December 20, 2022 On 12/18/2022 at 2:09 AM, Kolea said: Still the same outcome? Can you add & keep the code in CSS box? We can check it again easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Kolea Posted December 20, 2022 Author Share Posted December 20, 2022 Done. Let me know please. Link to comment
Kolea Posted December 21, 2022 Author Share Posted December 21, 2022 Seems to be working now. Is there a way to change corner radius and aspect ratio of the 4 row index? Link to comment
tuanphan Posted December 22, 2022 Share Posted December 22, 2022 13 hours ago, Kolea said: Seems to be working now. Is there a way to change corner radius and aspect ratio of the 4 row index? Add this CSS under article.index-item.has-item-image, .index-section { border-radius: 30px; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Kolea Posted December 22, 2022 Author Share Posted December 22, 2022 Thank you so much! Just one more, how do I change the aspect ratio of the index grid to widescreen instead of square? Link to comment
tuanphan Posted December 24, 2022 Share Posted December 24, 2022 On 12/22/2022 at 9:02 PM, Kolea said: Thank you so much! Just one more, how do I change the aspect ratio of the index grid to widescreen instead of square? 16:9 Widescreen or Ultra Widescreen? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment