J Jericho M Active member Feb 24, 2014 #1 Hi there! I want to add shadow on the content background of my forum like this: How can I apply this on my forum?
Hi there! I want to add shadow on the content background of my forum like this: How can I apply this on my forum?
J Jericho M Active member Feb 24, 2014 #2 I want to minimize it a little bit just like this Upvote 0 Downvote
J Jericho M Active member Feb 24, 2014 #4 Of course. Can you make it more detailed please? Is this an Add-on, a code to put on EXTRA.css or what? Upvote 0 Downvote
Of course. Can you make it more detailed please? Is this an Add-on, a code to put on EXTRA.css or what?
P Paul B XenForo moderator Staff member Feb 24, 2014 #5 Add box-shadow in EXTRA.css, like so: Upvote 0 Downvote
J Jericho M Active member Feb 24, 2014 #6 Hi @Brogan thank you but can you please give me the complete code so that I can copy and paste it on EXTRASS.css? I'm sorry not a programmer. Upvote 0 Downvote
Hi @Brogan thank you but can you please give me the complete code so that I can copy and paste it on EXTRASS.css? I'm sorry not a programmer.
vishall Active member Feb 24, 2014 #8 Jericho M said: Hi @Brogan thank you but can you please give me the complete code so that I can copy and paste it on EXTRASS.css? I'm sorry not a programmer. Click to expand... HTML: #content .pageContent { box-shadow: 0 5px 30px #000000; } Upvote 0 Downvote
Jericho M said: Hi @Brogan thank you but can you please give me the complete code so that I can copy and paste it on EXTRASS.css? I'm sorry not a programmer. Click to expand... HTML: #content .pageContent { box-shadow: 0 5px 30px #000000; }
J Jericho M Active member Feb 25, 2014 #9 vishall said: HTML: #content .pageContent { box-shadow: 0 5px 30px #000000; } Click to expand... Look what happend to my footer after adding this code on EXTRASS.css Upvote 0 Downvote
vishall said: HTML: #content .pageContent { box-shadow: 0 5px 30px #000000; } Click to expand... Look what happend to my footer after adding this code on EXTRASS.css
J Jericho M Active member Feb 25, 2014 #10 Sheldon said: He did. Click to expand... What I mean is the code not a screenshot. Upvote 0 Downvote
Amaury Well-known member Feb 25, 2014 #11 Jericho M said: What I mean is the code not a screenshot. Click to expand... The code was in the screenshot, Jericho. Upvote 0 Downvote
Jericho M said: What I mean is the code not a screenshot. Click to expand... The code was in the screenshot, Jericho.
Sheldon Well-known member Feb 25, 2014 #12 Jericho M said: Look what happend to my footer after adding this code on EXTRASS.css Click to expand... That's something on your end then... impossible to figure out without a link. I just added it here, "live", and it didn't happen. Jericho M said: What I mean is the code not a screenshot. Click to expand... He gave you the code. Are you not able to type? Upvote 0 Downvote
Jericho M said: Look what happend to my footer after adding this code on EXTRASS.css Click to expand... That's something on your end then... impossible to figure out without a link. I just added it here, "live", and it didn't happen. Jericho M said: What I mean is the code not a screenshot. Click to expand... He gave you the code. Are you not able to type?
J Jericho M Active member Feb 25, 2014 #13 Thank you Guy's but if adding shadows makes the footer ugly it's useless. Thanks @Amaury @Sheldon and @Brogan for the help really appreciated.. Upvote 0 Downvote
Thank you Guy's but if adding shadows makes the footer ugly it's useless. Thanks @Amaury @Sheldon and @Brogan for the help really appreciated..
DEZero Well-known member Feb 25, 2014 #14 you'll have to do a box-shadow that only applies to the right and left of content, to add the footer you'll have to apply bottom as well as right left(to the footer css) to get it to align with the main content area. Upvote 0 Downvote
you'll have to do a box-shadow that only applies to the right and left of content, to add the footer you'll have to apply bottom as well as right left(to the footer css) to get it to align with the main content area.
