https://www.carolpeakeattorney.com/

I'm updating my website and VERY new to code.  I have my practice areas listed in an image card on the first page of my website (or at least I think that's what this area would be called but to be honest, I'm not entirely sure).  Anyway, I want to be able to change the title font on the different practice areas in the image card.  I've tried a few things to no avail.  Could anyone please help me with the code for this?  

My website is carolpeakeattorney.com and the various practice areas are listed on the 1st page of my website.  Thanks in advance!

Quote

I want to be able to change the title font on the different practice areas in the image card.

How do you want to change the font? Size, weight, color, etc.? We need to know where you want to go so we can get you there, potentially.

That information would help, wouldn't it!  Sorry, about that - I am so new to this.  I'm thinking:

Font:  Halyard Display

Weight:  500

Size:   2rem

Line Height:   1.2 em 

Line Spacing:  0.01em

Thank you!

7 hours ago, creedon said:

@supports ( --test-custom-property : true ) {

  .user-items-list-item-container[ data-section-id="63d9696c3f23b94b804ca2cd" ] {
  
    --title-font-size-value : 1.5;
    
    }
    
  }

Unfortunately, no luck with the above code. 

I take that back - it did work!   Thank you so much!!  🙂