Jump to content

Changing font size on individual collage gallery blocks - custom css

Recommended Posts

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
  • Replies 5
  • Views 492
  • Created
  • Last Reply

Top Posters In This Topic

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 by jadeeleanor
Link to comment
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
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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.