Jump to content

How to style the Scrolling Block of text in 7.1 as bold and italic?

Go to solution Solved by Inspirerd,

Recommended Posts

  • Replies 5
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

  • Solution

Hey @BradleyK! Give this a try:

.marquee-block, .marquee-block p, .marquee-block h1 {
    font-weight: bold;
    font-style: italic;
  	/* If you want 50% black as in gray. */
  	/* This does not lighten delimeter/divider */
	color: hsl(0deg 0% 50%);
}
/* OR if you want 50% transparent (use only one or you will have 25% black) */
.marquee-block {
    /* This does lighten delimeter/divider */
    opacity: 0.5;
}

(In case you weren't sure how to add custom CSS: https://support.squarespace.com/hc/en-us/articles/206545567-Using-the-CSS-Editor)

Hope this helps! 

Edited by Inspirerd
Updated with solution for 50% black.

Daniel Rodrigues | Excito LLC
Squarespace Web Design for Photographers & Creatives
🌐 https://www.excitollc.com/ | ✉ Contact Me: daniel@excitollc.com
💡 Squarespace Enthusiast | 📖 Squarespace Design Blog for Photographers
🤝 Always happy to help and collaborate! Connect with me on LinkedIn.

Link to comment

Sorry about that. Your code is correct. I also updated the original answer I gave.

Daniel Rodrigues | Excito LLC
Squarespace Web Design for Photographers & Creatives
🌐 https://www.excitollc.com/ | ✉ Contact Me: daniel@excitollc.com
💡 Squarespace Enthusiast | 📖 Squarespace Design Blog for Photographers
🤝 Always happy to help and collaborate! Connect with me on LinkedIn.

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

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.