Jump to content

Background colour blocks for text... help!

Recommended Posts

Hiya, just wondering if anyone is able to advise how to get this look for a header text? The block colour behind the text. I love the look and can't figure out what terms to search for here... Thanks in advance. 

Screen Shot 2019-11-20 at 4.41.34 pm.png

Link to comment
  • Replies 10
  • Views 904
  • Created
  • Last Reply
43 minutes ago, TheGoToGal said:

Hiya Tuanphan, 

Hopefully this works - The site is - https://laviniak-development.squarespace.com/ and the password is hello 

I am wanting to make the text "Supporting you to become the best version of yourself"  with a background! 

Appreciate your help. 

TGTG

Can you share site url in screenshot? try checking their code...

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

Link to comment
23 minutes ago, TheGoToGal said:

Oh! Sorry - https://www.sisterscout.studio/about Halfway down the page.  Thank you for your help, I really appreciate it. 

Add to Home > Design > Custom CSS

div#block-59476a7c92d0219ed476 h2 strong {
    background: linear-gradient(1800deg,#0336db 50%,transparent 40%);
}

 

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

Link to comment

Thank you! Thats so helpful. In the future if I wanted to also insert that style across other segments of the site - is there a way for me to find out what the block is? I am assuming that links to the location of the text to add the custom code to..

 

 

Link to comment
22 minutes ago, TheGoToGal said:

Thank you! Thats so helpful. In the future if I wanted to also insert that style across other segments of the site - is there a way for me to find out what the block is? I am assuming that links to the location of the text to add the custom code to..

 

 

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

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

Link to comment

Archived

This topic is now archived and is closed to further replies.


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