[Resolved] Shadows

[Ross Robson]

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

[Tom]

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

[Ross Robson]

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.

[Tom]

I appreciate it! I hope it keeps going 🙂

Always happy to help!

[Ross Robson]

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

[Tom]

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

[Ross Robson]

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

Thanks

[Tom]

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

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

[Ross Robson]

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?

[Tom]

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.

[Ross Robson]

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

[Tom]

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”.

[ephraimdov]

More CSS Shadow Examples

Dov

[Author]

Posts