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

Is there Custom CSS to style the Scrolling Block of text in 7.1 as bold, italic paragraph text at 50% black. I'm working in a trial site in 7.1, and I can not unlock the site due to client confidentiality.

Thanks for having a look.

Brad

Link to comment
  • Replies 5
  • 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.