Changing Color of Image and Button Drop Shadow

livesidecreate · October 2015

Hello,

I'm hoping to change the drop shadow color for images and buttons from the default beige in the "Garden" demo. I've changed all the beige colors in settings and haven't been able to identify it. Can you direct me to the setting or provide the CSS code?

Thank you!

Albert · October 2015

Hi,

please send us url to page where you want to change those colors and we'll try to help.

Thanks!

livesidecreate · October 2015

Here it is: growplenty.liveside.co

My request is to change the beige drop shadow color to match the grey used in the flower icons on the homepage.

Thanks very much!

Albert · October 2015

Ok. So to change this drop shadow color, please use below css:

.image_frame {
    box-shadow: 10px 10px 0 0 #ecedef !important;
}

a.button, a.tp-button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    box-shadow: 4px 4px 0 0 #ecedef !important;
}

livesidecreate · February 2016

Great. Thank you. It worked great.

I also noticed that there's the same drop shadow on images. Is there a way to remove them entirely or change the color?

An example is at: http://growplenty.liveside.co/services/landscape-design-planning/

Thanks again!

~k

Albert · February 2016

Do you mean this brown shadow behind the park image? If that's what you mean, it's how the image looks like itself http://growplenty.liveside.co/wp-content/uploads/2015/10/Grow-Plenty-Garden-Slide-1.png

livesidecreate · February 2016

Shoot. Yes, you're correct. It's been so long since that image was created I forgot it was part of it. Sorry about that.

New Portfolio question: Is it possible to remove details such as: author, date, category, client, etc.? Please see image at http://growplenty.liveside.co/wp-content/uploads/2016/02/GrowPlenty.png for specifics.

Thanks!

Albert · February 2016

What's the link to site where you got these details?

livesidecreate · February 2016

1) http://growplenty.liveside.co

For specifics, see the image at: http://growplenty.liveside.co/wp-content/uploads/2016/02/GrowPlenty.png. We'd like to remove all the areas circled in red.

2) On mobile, is it possible to change the 3 horizontal lines that signify the dropdown menu into a different symbol?

Thanks!

Albert · February 2016

1) Ok, but what is the link to page that concerns this image? Because this http://growplenty.liveside.co/portfolio-item/aliquam-eratac/ does not look the same as on screenshot. Looks like you modified something already.

2) To change this icon, you need to use Menu Button | Text option under Theme options > Responsive section.

Changing Color of Image and Button Drop Shadow

Comments