jadeeleanor Posted May 11, 2022 Share Posted May 11, 2022 Site URL: https://www.jadeeleanor.com/ Hiya, I want to change the custom CSS on the collage gallery blocks on this page - https://www.jadeeleanor.com/full-day-half-day-wedding-packages I want to change the font size and the width of the font bit and the image so it doesn't extent longer than the photo on desktop etc. I know I need to find the individual block ID and then add that with the right CSS I'm just not sure what that is, I've had a bit of a play around as I've managed to change the width of the image I just haven't managed to do anything else... Thank you so much! Link to comment
tuanphan Posted May 13, 2022 Share Posted May 13, 2022 Add to Design > Custom CSS div#page-5b8155c9562fa70992de518a .image-card * { font-size: 14px; margin-top: 5px; margin-bottom: 5px; } 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
jadeeleanor Posted May 13, 2022 Author Share Posted May 13, 2022 (edited) Thank you! @tuanphan That effect the title the "The Full Day Package £1850" is there a way to change the size of the rest of the font? Thank you so much! Edit: I mean the title and the the rest of the font are two different sizes, I want to change the size if them individually/independently. Edited May 13, 2022 by jadeeleanor Link to comment
tuanphan Posted May 15, 2022 Share Posted May 15, 2022 On 5/14/2022 at 4:50 AM, jadeeleanor said: Thank you! @tuanphan That effect the title the "The Full Day Package £1850" is there a way to change the size of the rest of the font? Thank you so much! Edit: I mean the title and the the rest of the font are two different sizes, I want to change the size if them individually/independently. Use this new CSS code /* full-day-half-day-wedding-packages */ div#page-5b8155c9562fa70992de518a { .image-title * { font-size: 17px; } .image-subtitle * { font-size: 10px; }} 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
jadeeleanor Posted May 16, 2022 Author Share Posted May 16, 2022 Thank you so much @tuanphan That also effects the other image cards on the page (the three circles further down) is there a way to stop that? Thank you! Link to comment
tuanphan Posted May 20, 2022 Share Posted May 20, 2022 On 5/17/2022 at 12:23 AM, jadeeleanor said: Thank you so much @tuanphan That also effects the other image cards on the page (the three circles further down) is there a way to stop that? Thank you! Use this new code /* full-day-half-day-wedding-packages */ div#block-b970ddd94c5f87c7b83f+.row+.row { .image-title * { font-size: 17px; } .image-subtitle * { font-size: 10px; }} 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment