Jump to content

Add drop shadow to all white text only

Recommended Posts

Posted

Hello

I need a drop shadow CSS for all of the white text across the entire site. I have found ones for header only and all text, including black text. I need one just for the white text, though all of it. thank you!

  • Replies 13
  • Views 3.6k
  • Created
  • Last Reply
Posted

past this code in custom css box


h1 {
   font-family: futura-pt;
   font-weight: 800;
   font-style: normal;
   font-size: 140px;
   letter-spacing: -.03em;
   line-height: .8em;
   text-transform: none;
   text-shadow: 6px 5px 5px #799094;  /*here you can change color code as well.*/
}


Hi, I'm BITTU. A website developer with 10 years experience with Squarespace. if you need help and work with me,

Email me here: - mandeepsquarespace@gmail.com
Hire Upwork: - https://www.upwork.com/freelancers/~01eed466e76c89e024
Behance: - https://www.behance.net/mandeepSquarespace

 

Best Hourly Rate: - $15 Per Hour

Posted

past this code in custom css box


 h1 {
    font-family: futura-pt;
    font-weight: 800;
    font-style: normal;
    font-size: 140px;
    letter-spacing: -.03em;
    line-height: .8em;
    text-transform: none;
    text-shadow: 6px 5px 5px #799094;  /*here you can change color code as well.*/
}


Hi, I'm BITTU. A website developer with 10 years experience with Squarespace. if you need help and work with me,

Email me here: - mandeepsquarespace@gmail.com
Hire Upwork: - https://www.upwork.com/freelancers/~01eed466e76c89e024
Behance: - https://www.behance.net/mandeepSquarespace

 

Best Hourly Rate: - $15 Per Hour

Posted

Awesome Thank you! This doesn't look like it is including the header in the shadow on the webpage. Can you confirm the navigation text is included as well? www.southsideblooms.com

Posted

this for menu


.tweak-header-primary-nav-hover-style-spotlight .Header--overlay .Header-nav .Header-nav-item {
   color: #fff;
   text-shadow: 3px 3px 3px #799094;
}


Hi, I'm BITTU. A website developer with 10 years experience with Squarespace. if you need help and work with me,

Email me here: - mandeepsquarespace@gmail.com
Hire Upwork: - https://www.upwork.com/freelancers/~01eed466e76c89e024
Behance: - https://www.behance.net/mandeepSquarespace

 

Best Hourly Rate: - $15 Per Hour

Posted

I just did. I am very new to this. I am trying to wrap up this box shadow issue on this site though the first code did not adjust the white text in the body of the Gallery page, the Contact Us page or the home page. www.southsideblooms.com The first code made the home page text too large so I changed the size and it went away. Can you please help me with one more and get the main text on these pages to be shadow as well. The header is now.

Posted

yes you change first page text h1 to h2 .. then its not working . use this code its working on gallery page as well.


h2 {
   font-family: futura-pt;
   font-style: normal;
   font-size: 104px;
   letter-spacing: -.02em;
   line-height: 1em;
   text-transform: none;
   text-shadow: 6px 5px 5px #799094;  /*here you can change color code as well.*
}


Hi, I'm BITTU. A website developer with 10 years experience with Squarespace. if you need help and work with me,

Email me here: - mandeepsquarespace@gmail.com
Hire Upwork: - https://www.upwork.com/freelancers/~01eed466e76c89e024
Behance: - https://www.behance.net/mandeepSquarespace

 

Best Hourly Rate: - $15 Per Hour

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.