Border around Feature

[joel 0]

Trying to get a border or even better a drop shadow on the features So Far I've tried the following and none seem to do anything. I've been using firebug but still stumped #feature {border: 2px solid #CCCCCC } -------------------------------------------- .fmedia {border: 2px solid #CCCCCC } -------------------------------------------- #feature { moz-box-shadow: 0px 0px 10px 2px #000000; webkit-box-shadow: 0px 0px 10px 2px #000000; box-shadow: 0px 0px 10px 2px #F7bc00; } --------------------------------------------

[Rob 547]

This might help you by putting a grey shadow on the bottom and right sides: [code].fset_height, #feature_slider .text-bottom .fmedia .dcol-pad, #feature_slider .text-bottom .feature-pad, #feature_slider .text-none .fmedia .dcol-pad { border-bottom: 2px solid #CCCCCC; border-right: 2px solid #CCCCCC; height: 300px; }[/code] You can add border-top and border-left of course, but what happens is that you get a border above the shaded text area overlaying the image and that's rather ugly. I'm pretty sure you could replace the color with an image to create a fuzzier border.

[joel 0]

Thanks but that didn't work for some reason. I'm putting it into the "custom code" --> "custom css" part of the pagelines feature settings.

[Rob 547]

Yes, it should be in Custom Code > CSS Rules. It worked using Firebug (http://www.getfirebug.com) which helped identify the particular CSS elements to change and provides the means to test. However, there's always the risk that conflicting CSS may prevent the tested CSS from working in reality. Do you have Firebug?

[joel 0]

Yes but it tells me the code is the area in bold below

[b]

[/b]

[Rob 547]

Okay, try the method I proposed, with border-right, border-bottom in the dcol-pad. You can see the code for it in my earlier snippet. [code]#feature_slider .dcol-pad[/code]

[joel 0]

Okay, I must be close but something must be missing I've tried this: #feature_slider .dcol-pad { border-bottom: 2px solid #CCCCCC; border-right: 2px solid #CCCCCC; height: 300px; } and #feature_slider .text-bottom .fmedia .dcol-pad, #feature_slider .text-bottom .feature-pad, #feature_slider .text-none .fmedia .dcol-pad { border-bottom: 2px solid #CCCCCC; border-right: 2px solid #CCCCCC; height: 300px; } and #feature_slider .text-bottom .feature-pad, #feature_slider .text-none .fmedia .dcol-pad { border-bottom: 2px solid #CCCCCC; border-right: 2px solid #CCCCCC; height: 300px; } and #feature_slider .text-none .fmedia .dcol-pad { border-bottom: 2px solid #CCCCCC; border-right: 2px solid #CCCCCC; height: 300px;

[Rob 547]

Any of them working? I'm just wondering if it wouldn't work better to affix a background image to #feature instead of affixing a color, then adding some padding.

[joel 0]

none of them worked :-( I don't know why, wish I did. The image I have is the background image. What would the padding do. I'm just looking for something to frame the feature in so that the feature has some form of border and not just the feature itself.

[joel 0]

I'm also building this for someone to manage so want to make it as simple as possible for them.

[Jenny 33]

[code]#feature-area { border: 2px solid #CCCCCC; }[/code] works fine ;)

[pehja+ 12]

@simple_mama I was trying to put the same code to boxes. And I have tried every code I could find on this forum. But non of the works. Do you know why ? Should it not apply to boxes as well as feature or whatever :-)

[Rob 547]

Try this for boxes (just an example): [code]element.style { border: 1px solid #C00000; display: inline; float: left; margin-right: 10px; padding-right: 2%; width: 30%; }[/code]

[pehja+ 12]

Thanks @rangelon, but nothing happend

[Danny+ 1,327]

Hi Peter, Please do not hijack posts, it causes confusing and doesn't help users searching for answers to their questions, if the answers are in topics discussion a completely different error. Create a new topic and we can assist you.

[pehja+ 12]

@Danny I dont think this was to hijack anything. But if you wish i will create a new border topic. I find it more usefull to get more help in 1 thread rather than searching in hundrades.. But then again this isn??t my forum so I respect your request.

[catrina 103]

Thanks, please do start a new topic.