Remove Shadows

[imweird]

Hi there!
As Promised I just bought this amazing theme.

As Promised by you guys 🙂 I need now some help – css coding – to remove the shadows under the picture thumbnails everywhere.

I would also like to change the lines that divides the sections / —cart— / —categories— / and add a custom “line design”.

Last thing, i would like to add a personal pattern to use into the “impact text” spaces!

Thank you!

[Ben – SUPPORT]

Hey

Can you post a link to your website if possible, I’ll be able to chuck you some CSS!

The custom patterns can be changed in the theme options

Thanks
Ben

[imweird]

This reply has been marked as private.

[Ben – SUPPORT]

.woocommerce ul.products li.product figure{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.hs-woo-custom{
display:none;
}

Add that to custom css in general settings

Changing “Welcome” will be in header.php

And I’m not 100% sure what you mean with changing the lines inbetween the section here http://awesomescreenshot.com/0c61jfa7da ? would take too much time and would be custom work

Thanks
Ben

[imweird]

This reply has been marked as private.

[imweird]

This reply has been marked as private.

[imweird]

do you know how to remove this?

http://tinypic.com/r/dr2txg/5

Thank you!

[imweird]

Last question is solved – i found the css in the oldest posts

[Melanie – SUPPORT]

Fantastic 🙂

[ginhim]

Hello,

I have used this code and it has worked on the shop product thumbnails, but not the blog post tiles.

Can you supply the code to remove the shadows on these too?

Thanks in advance 🙂

[Melanie – SUPPORT]

I’m afraid I don’t know which shadow you mean on the blog post titles, can you show me a link?

[ginhim]

My site is in maintenance mode. I have attached an image of the blog post thumbnail area as seen on the homepage in demo mode.

I tried the css above and it only seems to hide the shadows from the product image.

The shadow still appears on:
– the small product thumbnails as seen on product page in demo mode
– mini cart + shopping cart etc
– blog thumbnails

Is there code to hide the shadows from the whole site? Or I can cheat it and turn the shadow colour to white?

[westcoastsurf]

ginhim, you should learn how to use the “INSPECT ELEMENT” in google chrome. Right click on the area you want to see the css for then select “inspect element” in the window. A new bottom window will show up that shows the html, css on the right side. If you want to inspect other elements then click the little magnifying glass on the bottom right of the inspection window and select whatever else you want to change.

Or install firebug addon for firefox, does the same thing, then you can find your css changes.

[ginhim]

Hi yes, I have this plugin and have inspected elements to see if I can solver this issue myself.

I don’t know what to look for, and then I have no idea what to do with it..

Can anybody help? I must say, I have been on many forums in the past that have been much more helpful than this one…

[Melanie – SUPPORT]

Wow, insulting us is a strange way to ask for help 🙂

There is no way to globally remove all shadows globally, you would have to add custom css for every element. We don’t have shadows on our titles in our demo so you need to show us your website so we can check it out.