News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

Need to remove Footer Shadow

Started by snoweye, March 19, 2014, 10:52:22 PM

Previous topic - Next topic

snoweye

Hello :)

My footer has a black shadow coming from the bottom but it doesn't flow with the theme I made :(
I've tried to fix it but have had no luck finding where to change the effect.

heres a picture of what it looks like
or look at yourself here www.code-magic.org


I would really appreciate some guidance and help on this, I've been stuck on this one for a while and its just bothering me since its the only thing keeping my site from reaching near perfection !

Thanks a lot guys ;D

mashby

I'll assume you are not a member of Dzinerstudio and therefore didn't know you should be asking there considering it's a premium (paid) theme?
Always be a little kinder than necessary.
- James M. Barrie

Matthew K.

I did find the code for you...but just a little side rant. In my opinion, that shadow gives the footer a lot of interest. Removing it (which I have done) makes it look a lot more plain.

./Themes/gearbox_20/css/index.css
Code (Find) Select
#content_section { box-shadow: 0px 12px 15px rgba(0, 0, 0, 0.6);}
Code (Replace) Select
#content_section { background: #your_color_here;}

You can either completely remove the rule, and there'll be no solid colour behind the footer background, making the scroll the main focus, or you can add a solid background colour (as I think you are intending), just replace the hex in the replace code I gave you.

Antechinus

No, obviously snoweye wants to remove it entirely. A solid background colour wouldn't fit. The best option would be to remake the footer image so that had a drop shadow around the curve, if you wanted a drop shadow.

snoweye


Quote from: Labradoodle-360 on March 21, 2014, 10:01:01 AM
I did find the code for you...but just a little side rant. In my opinion, that shadow gives the footer a lot of interest. Removing it (which I have done) makes it look a lot more plain.

./Themes/gearbox_20/css/index.css
Code (Find) Select
#content_section { box-shadow: 0px 12px 15px rgba(0, 0, 0, 0.6);}
Code (Replace) Select
#content_section { background: #your_color_here;}

You can either completely remove the rule, and there'll be no solid colour behind the footer background, making the scroll the main focus, or you can add a solid background colour (as I think you are intending), just replace the hex in the replace code I gave you.
THANK YOU ;D May I ask what tool you used to find it? I use Firebug but I was never able to find that when I hovered it !
I removed it completely now Im just gonna give the actual footer a shadow so it sticks out more rather than just plain :P

thanks a lot for your help I really appreciate it :)

Quote from: Antechinus on March 21, 2014, 03:04:29 PM
No, obviously snoweye wants to remove it entirely. A solid background colour wouldn't fit. The best option would be to remake the footer image so that had a drop shadow around the curve, if you wanted a drop shadow.

haha you're absolutely right, thats what Im going to do :P

Matthew K.

Makes sense. That'll be neat! I was using the inspect element tool within FireFox or Chrome, either one would've worked. :)

Advertisement: