Jump to content

Aviator: how to override the text color of one heading style?

Recommended Posts

Hi. I am using the Aviator template, and it allows for styling all three headings (h1, h2, h3) as different fonts and sizes, however, it will only allow for all three to be the same color. Does anyone know how to override this, so that I can have one heading be a different color than the other heading styles?

Thanks!! :)

Brooklyn based freelance graphic designer, and SquareSpace enthusiast.

Link to comment
  • Replies 9
  • Views 12.9k
  • Created
  • Last Reply
  • 2 years later...

Hi! So this worked for me, but I would like to make it page specific. For instance have my home page and about page have green h1 text, and then make my work page h1 white text. However when I input the CSS it obviously changes all h1 headers to white. Any quick fix to be page specific?

Link to comment

Hi! So this worked for me, but I would like to make it page specific. For instance have my home page and about page have green h1 text, and then make my work page h1 white text. However when I input the CSS it obviously changes all h1 headers to white. Any quick fix to be page specific?

Link to comment

@mhossey

Yeah, instead of adding the CSS to your custom CSS section, add it to your 'Page Settings' > 'Advanced' > 'Page Header Code Injection' area (of the page you want the CSS to apply to)

But, you have to wrap the CSS in a style tag, like this:


<style>
 h2 { color: red !important; }
</style>

Do that on the page(s) where you want a different h2 color and change the color to whatever you want on each page.

Link to comment

Hmm, try adding it to the actual specific pages that you want it to affect, and see if they change when in the index page. Think of an index page as just showing multiple pages in a list, so I think the style(s) of each page are probably retained.

So, if you want the 3rd section of your index to have red h2, go to that page, go into the 'advanced' > 'page header' and put the style tags and css on that page, then see if it applies when viewing on the index.

Link to comment

Archived

This topic is now archived and is closed to further replies.

Guest
This topic is now closed to further replies.

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