Jump to content

Wav Template: Change text size in Image Card Block CSS

Recommended Posts

Hi,

I'm trying to edit the text sizes for both the title and subtitle of the image card blocks throughout my website.

It gets too big on bigger screens and too small on smaller screens and mobile.

Is it possible to keep it constant? For example, as it happens with the body text?

Website: www.wewood.eu

Thanks!

Link to comment
  • Replies 5
  • Views 1.3k
  • Created
  • Last Reply

@wewood Add to Home > Design > Custom CSS


@media screen and (max-width:640px) {
.image-title {
   font-size: 30% !important;
}
.image-subtitle-wrapper {
   font-size: 3vw !important;
}
}

@media screen and (min-width:641px) {
.image-title {
   font-size: 20% !important;
}
.image-subtitle-wrapper {
   font-size: 2vw !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

@tuanphan, thank you but it still gets too small on mobile and now also too small on bigger screens.

The body text as this characteristics:


font-weight: 400;
font-size: 16px;
letter-spacing: 0em;
font-family: brandon-grotesque;
font-weight: 300;
font-style: normal;
font-size: 20px;
letter-spacing: .03em;
line-height: 1.6em;
text-transform: none;
color: #000;

My idea was to keep the same for the card subtitle text, is it possible?

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • 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.