portfolio items shadows

sfbranding · September 2019

I want to add a shadow effect around the edges of my portfolio boxes like the examples in this link: http://consultor.ancorathemes.com/cases/#1501163552103-cca174f0-acee.

How do I do that?

Bryan · September 2019

Hey,

this is only possible with custom CSS only, we do not have an option to add shadow to this element.

thanks

sfbranding · September 2019

Do you have any idea what the custom css would be?

Bryan · September 2019

This is the css they are using on the link you provided:

box-shadow: 0 0 15px rgba(0,0,0,0.14);

sfbranding · September 2019

So this is the custom css that I am using to get a shadow effect on my portfolio item, but it applies to the entire thing.

.shadow-effect {

box-shadow: 3px 3px 10px 2px #a9a1a1;

}

Is there a way to apply the shadow effect to each individual portfolio item seperately?

Bryan · September 2019

Please send a link to this page so I can see how to hook it up.

thanks

sfbranding · September 2019

https://aur.growthclient.com/case-studies/

Bryan · September 2019

This should work fine

li.portfolio-item {
	box-shadow: 3px 3px 10px 2px #a9a1a1;
}

thanks

Comments