Joomla Templates Club 406,261 posts

[christofferl Friend christofferlJoin date: January 2011Posts: 233Downloads:30Uploads:101 Thanks: 21 Thanked: 2 times in 1 posts]

#894817

See attached image?

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#894849

Hi
take a look on this doc how to apply shadow effect on a box/container .
Example :

.container-hd {
    box-shadow: 10px 10px 5px #888888; }

Define the custom code in custom.css .

[christofferl Friend christofferlJoin date: January 2011Posts: 233Downloads:30Uploads:101 Thanks: 21 Thanked: 2 times in 1 posts]

#894850

Thank you. This give me a 50% solution. Please assist to get it 100%.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#895099

Hi
Did u checked the link i provided in last post for box-shadow how it works ?
It work in one site as its a shadow . You can use this tool to gerate box shadow style and apply it .

[christofferl Friend christofferlJoin date: January 2011Posts: 233Downloads:30Uploads:101 Thanks: 21 Thanked: 2 times in 1 posts]

#895128

Sorry I didn’t … but I have now 🙂

All works fine except that the shadow effect also is applied on the top maim menu which gives it a "double" shading effect.

I would like the main menu part not be effected by this code at all. Is this possible?

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#895394

Hi
You can remove the top shadow value (set it to 0px) from the style code .
if still issue kindly share the site url with screenshot of that part that u want to remove .I will check it

[christofferl Friend christofferlJoin date: January 2011Posts: 233Downloads:30Uploads:101 Thanks: 21 Thanked: 2 times in 1 posts]

#895429

I have tested with trial and errors but I can not fix it mysellf. Please assist. I have updated the with login details so you can see for yourself.

Looking forward to hearing from you again.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#895448

Hi
use the below style

.container-hd {
    -webkit-box-shadow:  0px -10px 20px rgba(0,0,0,0.75);
    -moz-box-shadow:  0px -10px 20px rgba(0,0,0,0.75);
    box-shadow: 0px -10px 20px rgba(0,0,0,0.75);
}

this seems fine at my end > http://prntscr.com/abtjcg
You can modify the values and test it for changes as per needs .

[Author]

Posts