Jump to content

Changing the color of monospace type (to use as "pull quotes" in the blog posts)

Recommended Posts

Posted

Site URL: https://toucan-bumblebee-bsd3.squarespace.com/blog/backpacking-through-europe-7886h

I'd like to change the color of the monospace font type, but the template doesn't allow it.  I have included a link to an example blog post with the text "Pull quote here" as the font color I'd like to change to red. Ideally, I'd like two options: a blog post-specific fix as well as a site-wide fix so that all monospace font changes color.

Screen Shot 2022-02-10 at 11.01.20 AM.png

  • Replies 5
  • Views 891
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • 1 month later...
Posted
On 3/24/2022 at 5:11 PM, Iwan said:

Hi @tuanphan I also need to change monospace text colour in one section on one page?

https://beige-oleander-mp66.squarespace.com/config/ password tuansqsp

 

THE NEXT FRONTIER IN SELF DISCOVERY 

must please be colour #ff33ff

Where is that text? I don't see it on homepage

https://beige-oleander-mp66.squarespace.com/?noredirect

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!)

Posted
On 3/24/2022 at 5:11 PM, Iwan said:

Hi @tuanphan I also need to change monospace text colour in one section on one page?

https://beige-oleander-mp66.squarespace.com/config/ password tuansqsp

 

THE NEXT FRONTIER IN SELF DISCOVERY 

must please be colour #ff33ff

Add to Design > Custom CSS

/* Potentiality coaching pre code */
div#block-yui_3_17_2_1_1648115502488_2675 pre code {
    color: #ff33ff;
}

 

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!)

Create an account or sign in to comment

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


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