Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


braddibs

Question

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

Edited by braddibs
Initial Revision
Link to comment
  • Answers 13
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

13 answers to this question

Recommended Posts

  • 0

@braddibs Add to Home > Design > Custom CSS


/* Enquiry */
div#block-56e1f5499f7266cdffeb416f h1 {
   color: black;
}
/* Contributor */
div#block-yui_3_17_2_21_1461092500968_10335 h1 {
   color: black;
}




Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

@braddibs Your site is private. Please setup password & share url. See how to: https://beaverhero.com/squarespace-how-to/#HowtoSetupPasswordShareSiteURL

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

@braddibs I see the word "Make an enquiry" and "contributor" a bit big on the phone

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

@braddibs You can try there. Or if you want to change the font size on only phone, some custom code like above can solve

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

@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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

@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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

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
  • 0

@braddibs /* Enquiry /, / For phone /, / Contributor */ is comment.

It has no value. Just let you know what the code below did, when you need to edit it in the future.

Yes, insert below color code I sent

Edited by tuanphan
Initial Revision

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Create an account or sign in to comment

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


×
×
  • Create New...