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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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
Archived
This topic is now archived and is closed to further replies.