Guest Posted February 4, 2021 Share Posted February 4, 2021 Site URL: https://www.nickasbell.com Hello! I am trying to change the last project image size "New Home Star" to a rectangle instead of a square through CSS with width & height and haven't been able to figure out the code to do so! Link to comment
tuanphan Posted February 5, 2021 Share Posted February 5, 2021 Add to Design > Custom CSS .tweak-portfolio-grid-overlay-image-aspect-ratio-11-square .portfolio-grid-overlay .grid-image, .grid-item { padding-bottom: 75% !important; } 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
Guest Posted February 5, 2021 Share Posted February 5, 2021 7 hours ago, tuanphan said: Add to Design > Custom CSS .tweak-portfolio-grid-overlay-image-aspect-ratio-11-square .portfolio-grid-overlay .grid-image, .grid-item { padding-bottom: 75% !important; } This changed the padding for all of the projects! Instead of just the New Home Star one! and when i hovered over it was still 1:1 square aspect ratio even though the image was rectangular! Link to comment
tuanphan Posted February 6, 2021 Share Posted February 6, 2021 Try new code a.grid-item[href="/work/nhs"] .grid-image, a.grid-item[href="/work/nhs"] { padding-bottom: 75% !important; } 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
Guest Posted February 7, 2021 Share Posted February 7, 2021 On 2/6/2021 at 2:33 AM, tuanphan said: Try new code a.grid-item[href="/work/nhs"] .grid-image, a.grid-item[href="/work/nhs"] { padding-bottom: 75% !important; } the new code worked! however, the image doesn't show up with the new size - i tried a couple different methods but it did not work. 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