Border around boxes

[pehja+ 12]

I found this in another thread about borders around features. This worked fine. I tried to have the same border around my boxes however that did not work. Do I have to name boxes something else #feature-area { border: 2px solid #CCCCCC; } I tried this #box-area { border: 2px solid #CCCCCC; } Do I have to name boxes something else, I have tried a few.. :-)

[catrina 103]

The selector is definitely going to be different. In which page are the boxes located?

[pehja+ 12]

Front page below features

[Rob 547]

I tried this: [code]element.style { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-style: solid; border-width: 2px; display: inline; float: left; margin-right: 1%; padding-right: 5%; width: 30%; }[/code]

[pehja+ 12]

Thanks @rangelon, but that did not help either.

[trizerticus 0]

This is what I was able to do- There is a feature in the boxes setup to add a frame around the image. first check that then to change the color us the following CSS .home #boxes .pl-imageframe img, .home #boxes img.pl-imageframe { -moz-box-sizing: border-box; background: none repeat scroll 0 0 #ffffff; border: 1px solid #ffffff; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); padding: 4px; } and where the #ffffff for the background and the border change that to whatever color you want. also if you are using multiple boxes on different pages just change the .home to the .page-id hope this helps.

[catrina 103]

Thanks for posting a solution, trizerticus.

[pehja+ 12]

@trizerticus Thanks! I feel stupid, it was enough to fill in the checkbox.... it did the trick! The rest of the code did nothing. But that doesn't matter since problem is solved! Thanks again!