# (Squarespace) Change H1 size on Homepage only

**URL:** <https://community.elfsight.com/t/squarespace-change-h1-size-on-homepage-only/101450>\
**Category:** Platform Tips\
**Tags:** squarespace\
**Created:** [February 16, 2025, 1:13am UTC](https://community.elfsight.com/t/squarespace-change-h1-size-on-homepage-only/101450 "2025-02-16T01:13:11Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tuanphan](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/tuanphan/32/3165_2.png) [@tuanphan](https://community.elfsight.com/u/tuanphan)\
**Post date:** [February 16, 2025, 1:13am UTC](https://community.elfsight.com/t/squarespace-change-h1-size-on-homepage-only/101450/1 "2025-02-16T01:13:11Z")

</div>

To change H1 size on Homepage only, you can use this code to Custom CSS box.  
If code doesn’t work, you can comment below, [message](https://community.elfsight.com/u/tuanphan/) or [email me](mailto:info@beaverhero.com).

```auto
body.homepage h1 {
  font-size: 30px
}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/e/8/e8f829ebb4f9ab645c8bb3674c136d8442a3bcd0.jpeg)

If you want to apply Desktop Only, use this code.

```auto
@media screen and (min-width:768px) {
  body.homepage h1 {
  font-size: 30px
}
}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/5/053eb1a83759063cee8b432f743a526ceb495d77.jpeg)

If you want to apply on Mobile only, use this.

```auto
@media screen and (max-width:767px) {
  body.homepage h1 {
  font-size: 30px
}
}

```

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/4/1/414015ef33e292a6f7e25d06f7bf9b1fca1dd862.jpeg)