Jump to content

[Share] Increase size of Simple List Title

Recommended Posts

To change size of Simple List Title with CSS code.

image.png.e29b862d4c0216ff6246035ca5a0625b.png

You can use this code to Custom CSS box.

If it doesn't work, you can send site url, I will check again.

#1. All Simple Lists

h2.list-item-content__title {
	font-size: 30px !important;
}

image.png.8856a283e2c14b8d43d40afcb29f7ce1.png

#2. Simple Lists on One Page

First, you need to find the Page ID. Use below tool.

In my example, we will have: #collection-66aef2caff007776a825a948

image.png.0262cfdcd17cc9eea77e365d4e67672d.png

Next, use this CSS code

#collection-66aef2caff007776a825a948 h2.list-item-content__title {
	font-size: 30px !important;
}

#3. Specific Simple List

First, you need to find the Simple List ID. Use #2 tool. In my example, we will have:

section[data-section-id="66b15cf3636b196012828b12"]

image.png.647c8f5d0cdc1888ad941e4ea92ce696.png

Next, use this CSS code

section[data-section-id="66b15cf3636b196012828b12"] h2.list-item-content__title {
	font-size: 30px !important;
}

#4. Mobile Only

Use CSS code

@media screen and (max-width:767px) {
  h2.list-item-content__title {
  font-size: 30px !important;
  }}

#5. Desktop Only

@media screen and (min-width:768px) {
  h2.list-item-content__title {
  font-size: 30px !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
  • Replies 0
  • Views 669
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment


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