Change List title font

Site URL: https://lobster-ray-g42d.squarespace.com/sandalwood-oils

Hi! I would like to change the List Title font to my custom font.

I cannot find the code name for this header, please can you assist me?

"DISCOVER MORE" are the words I am trying to change!

pw: youcanenter

I am trying this code, I'm sorry, I am very new to CSS!

.list-block .list-header-title {
  font-family: BreweryProMedium;
}

Thank you, Louisa

Use this CSS

h2.list-item-content__title {
    font-family: 'BreweryProMedium' !important;
}

22 hours ago, tuanphan said:

Use this CSS

h2.list-item-content__title {
    font-family: 'BreweryProMedium' !important;
}

 

Thank you Tuan, however I am not sure this targeted the correct title.

It is the 'DISCOVER MORE' that I am trying to change.

Much appreciated!

21 hours ago, LV-OZ said:

Thank you Tuan, however I am not sure this targeted the correct title.

It is the 'DISCOVER MORE' that I am trying to change.

Much appreciated!

As well as changing the MAIN HEADING font as circled above, I would also like to reduce the size of the coloured panels in the mobile version, is there a way to do that too?

Thank you so much!

6 hours ago, LV-OZ said:

As well as changing the MAIN HEADING font as circled above, I would also like to reduce the size of the coloured panels in the mobile version, is there a way to do that too?

 

Thank you so much!

Use this

div.list-section-title p {
    font-family: 'BreweryProMedium' !important;
}

Reduce 3 boxes under discover more text?

16 hours ago, tuanphan said:

Use this

div.list-section-title p {
    font-family: 'BreweryProMedium' !important;
}

Reduce 3 boxes under discover more text?

Yes, that is correct, the three boxes are very big in Mobile version, I would like them to be smaller.

On 7/26/2021 at 8:40 AM, LV-OZ said:

Yes, that is correct, the three boxes are very big in Mobile version, I would like them to be smaller.

Add to Design > Custom CSS

/* Sandalwood oils */
@media screen and (max-width:767px) {
body#collection-60dd49abc840b715349b271f .user-items-list-simple {
    width: 70% !important;
}
}

19 hours ago, tuanphan said:

Add to Design > Custom CSS

/* Sandalwood oils */
@media screen and (max-width:767px) {
body#collection-60dd49abc840b715349b271f .user-items-list-simple {
    width: 70% !important;
}
}

 

thank you so much @tuanphan that really helped me!