Jump to content

Adding a Drop Shadow to a List Section Title

Go to solution Solved by Lesum,

Recommended Posts

Posted

Hi there, 

I'm trying to add a drop shadow to my "list section title."
Basically just the title above the pictures on the homepage that says "Bringing Creative Ideas To Life..."
I've looked around at some tutorials, but most are referring to Heading 1 titles and not "list-section-titles."
Can't seem to figure out the exact code to use to make this work. But I'm also a CSS Super-noob.

Let me know what I can do! 
Thanks.

  • Replies 3
  • Views 981
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Posted
6 minutes ago, fatmarmer said:

Hi there, 

I'm trying to add a drop shadow to my "list section title."
Basically just the title above the pictures on the homepage that says "Bringing Creative Ideas To Life..."
I've looked around at some tutorials, but most are referring to Heading 1 titles and not "list-section-titles."
Can't seem to figure out the exact code to use to make this work. But I'm also a CSS Super-noob.

Let me know what I can do! 
Thanks.

( website is mattfarmermedia.com )

  • Solution
Posted

Hi, there could be millions of variations of drop shadows. If you could share an example of how you want the drop shadow to look like that would be great. 

I created a few variations:

Variation 1: 

.user-items-list .list-section-title {
    text-shadow: 2px 7px 5px rgba(0,0,0,0.3), 0px -4px 10px rgba(255,255,255,0.3);
}

Variation 2:

.user-items-list .list-section-title {
    text-shadow: 3px 4px 7px rgba(20,112,175,0.18);
}

Variation 3:

.user-items-list .list-section-title {
   text-shadow: 0px 0px 5px #1470af;
}

 

If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 

Sam
Web Developer & Digital Designer

 Did you find my contribution helpful? Buy me a coffee?

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.