Simple Machines Community Forum

Customizing SMF => SMF Coding Discussion => Aiheen aloitti: snoweye - maaliskuu 19, 2014, 10:52:22 IP

Otsikko: Need to remove Footer Shadow
Kirjoitti: snoweye - maaliskuu 19, 2014, 10:52:22 IP
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

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fwww.co.do.am%2Fscreeny.jpg&hash=cf98f9c417e4afdea88d74dcda1a35b54b3b145c)
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
Otsikko: Re: Need to remove Footer Shadow
Kirjoitti: mashby - maaliskuu 19, 2014, 10:58:26 IP
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?
Otsikko: Re: Need to remove Footer Shadow
Kirjoitti: Matthew K. - maaliskuu 21, 2014, 10:01:01 AP
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
Koodi (Find) [Valitse]
#content_section { box-shadow: 0px 12px 15px rgba(0, 0, 0, 0.6);}
Koodi (Replace) [Valitse]
#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.
Otsikko: Re: Need to remove Footer Shadow
Kirjoitti: Antechinus - maaliskuu 21, 2014, 03:04:29 IP
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.
Otsikko: Re: Need to remove Footer Shadow
Kirjoitti: snoweye - maaliskuu 21, 2014, 04:28:17 IP

Lainaus käyttäjältä: Labradoodle-360 - maaliskuu 21, 2014, 10:01:01 AP
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
Koodi (Find) [Valitse]
#content_section { box-shadow: 0px 12px 15px rgba(0, 0, 0, 0.6);}
Koodi (Replace) [Valitse]
#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 :)

Lainaus käyttäjältä: Antechinus - maaliskuu 21, 2014, 03:04:29 IP
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
Otsikko: Re: Need to remove Footer Shadow
Kirjoitti: Matthew K. - maaliskuu 22, 2014, 06:27:05 IP
Makes sense. That'll be neat! I was using the inspect element tool within FireFox or Chrome, either one would've worked. :)