Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Change List title font


LV-OZ

Question

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

Link to comment

7 answers to this question

Recommended Posts

  • 0
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!

493229221_ScreenShot2021-07-24at1_07_06PM.thumb.png.f2ddfb13dbcfdf93c2833d9d02f47b39.png

Link to comment
  • 0
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!

493229221_ScreenShot2021-07-24at1_07_06PM.thumb.png.f2ddfb13dbcfdf93c2833d9d02f47b39.png

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!

Link to comment
  • 0
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?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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.

Link to comment
  • 0
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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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!

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