Change Font Color on One Section?

Hello!

I am trying to change the font color of everything on the turquoise section where my "services," "amenities" and "investment" are on my site.

Could someone tell me how I could go about that because everything I've tried isn't working?

Thanks!

Paul, if you right-click in that section and select Inspect Element, you'll get a handy little inspector that opens at the bottom of your window. Look closely at the highest level

#pricing-section p {color: white;}

#pricing-section h3 {color: white;}

#pricing-section p {color: #f0f0f0;}

That's super easy and totally worked!

Thank you so much!

Hello John:

I am trying to change the color of just a few lines of text on an index page. I can't seam to access the inspect element function from the text block on page settings. Any suggestions?

Thanks,

Matt

Hello John:

I am trying to change the color of just a few lines of text on an index page. I can't seam to access the inspect element function from the text block on page settings. Any suggestions?

Thanks,

Matt

You can also use this Chrome extension to get the unique block ID to target any individual Text Block on the site for CSS:

https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde

Then structure the CSS like this:

#block-yui_3_17_2_33_14884356287498_9144 p {color: #000000}

"p" targets body text, and "h1", "h2", and "h3" target the different headings. Use that after the block ID (with a space) and before the curly bracket "{}".

Another option, if you need to target text within a paragraph (

p

element) is to try Squint, a plugin I created for Squarespace that allows for custom styles, more headings, superscript, subscript, underline and more. You can select a single word (like this), a sentence, or whatever - like you'd expect with most WYSIWYG editors.

-Brandon

I'm crying for joy... this is so easy!!!!

This is no longer available :'(