Change site title into small caps

Hi,

I'd like to change my site title into small caps. In another post in this forum, I found this code for changing a header into small caps:

h1 {   font-variant: small-caps; }

I tried it and it worked. Then I exchanged "h1" for "site-title," but that didn't work.

Does anyone know what the correct descriptor would be?

Many thanks!

On 9/2/2023 at 11:52 AM, paul2009 said:

This is because h1 is an element and is therefore referred to by the element name only - "h1".

On Squarespace 7.1, the site title is an "a" element and has an id attribute of "site-title". As "site-title" isn't the name of an element, it needs a prefix. To tell the CSS that is is an id, we prefix it with a hash (#) character. The CSS would therefore be:

#site-title {
  font-variant: small-caps;
}

Did this help? Please give feedback by clicking an icon below  ⬇️

Hi,

I'd also like to change my name in the footer (after the copyright symbol) into small caps and 0.04em letter spacing (like my site title). Is that possible?

My website: https://www.kristinkuehn.com

My password: 2eRFn7gQ

Many thanks!