put box around text?

[Luke_Urtnowski]

On pages such as, http://www.swedishsweetsandimports.com/content/6-recipes

I want to put a box around the breadcrumbs (on all pages)

and a box around the other text

I want to do this so I can play around with the background

The box can be just like the featured products one on

http://www.swedishsweetsandimports.com/

 

Thanks

[vekia]

use this style:

.breadcrumb {

margin-bottom: 20px;

font-size: 12px;

background-image: url('../img/sprite-all.png');

background-position: -0px -228px;

border: none;

color: #006AD2;

min-height: 16px;

border: solid 1px #ccc;

border-top: none;

-moz-border-radius-topleft: 0px;

-moz-border-radius-topright: 0px;

-moz-border-radius-bottomright: 5px;

-moz-border-radius-bottomleft: 5px;

-webkit-border-radius: 0px 0px 5px 5px;

border-radius: 0px 0px 5px 5px;

padding-bottom: 10px;

}

 

effect:

[Luke_Urtnowski]

thanks

 

its there

http://www.swedishsweetsandimports.com/content/6-recipes

 

Now I want to apply the same look (the faded box look to the text below it (its of class rte)

Is there a way to do it with the sprite as a background without seeing the other images?:

Edited September 18, 2013 by Luke_Urtnowski (see edit history)

[vekia]

it works?