Can I code h3 to be larger in just one area on the site?

Site URL: https://tmha-new-site.squarespace.com/meet-the-artists/tamara

Can I code h3 to be larger in just one area on the site? Link is listed. It is basically all the artist pages. It's built via portfolio. The one im trying to make like way bigger is "tamara"

password: tamara

The page you point to doesn't exist.

@creedon thanks! I forgot i was working on it after i posted. Just updated it!

Add the following to Design > Custom CSS.

#block-yui_3_17_2_1_1640025902714_6326 h3 {

  font-size : 200px;
  
  }

Let us know how it goes.

@creedon unfortunately that did not work.

How do you find the block id's?!?!

wait! It DID work!

So there is like 16 artists I'll need to do this for. Will it carry over if I just duplicate that one?

Quote

How do you find the block id's?!?!

Check out Heather Tovey's most excellent looking Squarespace ID Finder.

Quote

Will it carry over if I just duplicate that one?

You can duplicate the ruleset or combine the block ids into one ruleset. Something like the following.

/* big names, uses LESS syntax */

#block-yui_3_17_2_1_1640025902714_6326, // tamara
[enter block id here], // [enter artist name here]

  {
  
    h3 {
    
      font-size : 200px;
      
      }
      
    }

Repeat the enter here line for as many artists as you need to enter.

Let us know how it goes.

OMFGGGGGG @creedon you are a life saver!

@creedon I'm trying to use that code for this area to change the font (Adriana, Alexis, etc) AND the size but can not get it to work! Any ideas?

Quote

I'm trying to use that code for this area to change the font (Adriana, Alexis, etc) AND the size but can not get it to work! Any ideas?

Different elements require different code. In this case you are looking at a gallery section not text blocks. I looked a little bit into this and SS is doing some pretty fancy font size calculations. They aren't using a single font-size value. They're doing calculations based on orientation ( landscape vs portrait ) and other factors.

I'm not able to dig into the issue at this time but perhaps one of the other regular contributors have something to add.

On 12/23/2021 at 9:27 PM, creedon said:

Different elements require different code. In this case you are looking at a gallery section not text blocks. I looked a little bit into this and SS is doing some pretty fancy font size calculations. They aren't using a single font-size value. They're doing calculations based on orientation ( landscape vs portrait ) and other factors.

I'm not able to dig into the issue at this time but perhaps one of the other regular contributors have something to add.

@tuanphan do you have any insight?

For artist section you can try adding to Home > Design > Custom Css

section[data-section-id="61a78b8dc3a7fe13f15588e5"] h3 {
  font-size: 40px !important;
}

Let me know how it works

Support me by pressing 👍 if this useful for you

4 hours ago, bangank36 said:

For artist section you can try adding to Home > Design > Custom Css

section[data-section-id="61a78b8dc3a7fe13f15588e5"] h3 {
  font-size: 40px !important;
}

Let me know how it works

Support me by pressing 👍 if this useful for you

unfortunately no this doesnt work @bangank36

On 12/24/2021 at 4:48 AM, ThisWayToFabulous said:

@creedon I'm trying to use that code for this area to change the font (Adriana, Alexis, etc) AND the size but can not get it to work! Any ideas?

Use this CSS

/*  The magic behind artist names */
[data-section-id="61a3f20b4d0dd626ec6305de"] h2.list-item-content__title {
    font-size: 30px !important;
}

Use this tool to find data section id. 

@tuanphan this worked PERFECTLY, thanks!

@tuanphan im trying to use this code to force the "FREQUENTLY ASKED QUESTIONS" part to h4 settings but its not letting me?

On 12/30/2021 at 12:04 AM, ThisWayToFabulous said:

@tuanphan im trying to use this code to force the "FREQUENTLY ASKED QUESTIONS" part to h4 settings but its not letting me?

It is h2

/*FAQ questions */
[data-section-id="61c243eb91204074872a51e8"] h2 {
    font-size: 100px !important;
}

@tuanphan to clarify, I'm only looking for the "FREQUENTLY ASKED QUESTIONS" section title to change. This code change the size of the question itself.

17 hours ago, ThisWayToFabulous said:

@tuanphan to clarify, I'm only looking for the "FREQUENTLY ASKED QUESTIONS" section title to change. This code change the size of the question itself.

Use this code

/*FAQ title */
[data-section-id="61c243eb91204074872a51e8"] .list-section-title p {
    font-size: 50px;
}