News:

Want to get involved in developing SMF? Why not lend a hand on our GitHub!

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: