Shadows

Thanks, deleted jigoshop now, its not very good compared to woocommerce so will just wait until your next update :)

In the mean-time, you can add this file to the "generatepress" folder.

https://gist.github.com/generatepress/159b98701e9b71e8e705

Just be sure to name it woocommerce.php

I look on the homepage of generatepress pretty much every day as i'm editing my sites and fair play its starting to pick up a hell of alot, averaging between 500 and 100 downloads a day, awesome stuff keep up the top class work!

As i said before the way you help others on the forum and the speed that you reply to people is outstanding.

I appreciate it! I hope it keeps going :)

Always happy to help!

Hi Tom will this file https://gist.github.com/generatepress/159b98701e9b71e8e705 make woocommerce compatible yes?

Yes, name it woocommerce.php and place it in the generatepress folder.

How would i upload it to the generatepress folder i can't find where to place it?

Thanks

You'll have to use an FTP program or your host's cPanel File Manager.

It's located in /wp-content/themes/

Ok thanks, back to the shadows now lol, on here http://7dd.613.myftpupload.com/ as you can see the shadow between the main nav and site header shows on the top of the main nav which i think is part of the bottom shadow on the header, what i would like to do is have a shadow like the content and sidebar areas but behind both the header and nav without it overlapping like it has, any ideas?

You can achieve this with the CSS attribute: z-index

Here's a question on it: http://stackoverflow.com/questions/3258943/css3-drop-shadow-under-another-div-z-index-not-working

Basically you want to give each element a z-index - the one you want to show up below the other needs a smaller z-index.

Is there a way to group the header and main nav as that looks quite complicated for me lol, im learning slowly on other things though

Hmm, well you can use GP Hooks to add an element above the header and close it after the nav?

So something like:

<div class="my-header-nav-wrapper">

In "Before Header".

And:

</div>

In "After Header".

More CSS Shadow Examples

Dov