Jump to content

How do I change the font colour for my second header on one page?

Recommended Posts

Here's my URL;

https://grey-rectangle-kra2.squarespace.com/config/design/styles

I want to have header number 1 ('For the love of words.) in white, and the second header at the bottom of the page (Make an Enquiry / Become a Contributor) in black so that they both stand out against their respective backgrounds.

But every time I change one it changes the other. Is there a way around this?

Thanks in advance

Link to comment
  • Replies 13
  • Views 729
  • Created
  • Last Reply

@braddibs you can try


/* For phone */
@media screen and (max-width:640px) {
/* Enquiry */
div#block-56e1f5499f7266cdffeb416f h1 {
   font-size: 18px;    
}
/* Contributor */
div#block-yui_3_17_2_21_1461092500968_10335 h1 {
    font-size: 16px;
}
}


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

@braddibs you can try


/* For phone */
@media screen and (max-width:640px) {
/* Enquiry */
div#block-56e1f5499f7266cdffeb416f h1 {
   font-size: 18px;    
}
/* Contributor */
div#block-yui_3_17_2_21_1461092500968_10335 h1 {
    font-size: 16px;
}
}


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

I've changed the text from 'Make an Enquiry' to 'Check out our services', so should I replace that phrase in the code like this?

/* For phone / @media screen and (max-width:640px) { / Check out our services / div#block-56e1f5499f7266cdffeb416f h1 { font-size: 18px;
} /
Contributor */ div#block-yui_3_17_2_21_1461092500968_10335 h1 { font-size: 16px; } }

?

Also should I add this code directly underneath the custom colour code from before?

Link to comment

Archived

This topic is now archived and is 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.