break up the different blocks

[Grandma Helen]

How do I add some boxes around different areas of the background.?  If you want to look Mimi at what I'm working with go to Helen's playground.  I'll approve your friend request.  Thanks so much.  Just so everyone knows it's a closed group where I play with the code.  

[Mimi58]

Not sure how, but I'll see if I can find out. Heading to your playground now.

[Mimi58]

Here is the code that affects the "little box areas" on the page:

.xg_module {
border:0px solid transparent;
}

.xg_module_body, .xg_module_head {
margin-bottom:0;
background-color: transparent;
}

In the first one, I have size of the border as 0px and the color as transparent so you don't see a border around the box. For the screenshot, I made the border 5px and the color green.

On the second set, I have the background-color as transparent. For the screenshot, I changed it to red.

Here's the code I used for the screenshot:

.xg_module {
border:5px solid green;
}

.xg_module_body, .xg_module_head {
margin-bottom:0;
background-color: red;
}

You can play around with different size borders, different colors and different style of borders. The style I used is - solid, but you can also use: dotted, dashed, double, groove , ridge, inset, outset and more, Here's a link to w3schools info on borders: https://www.w3schools.com/css/css_border.asp

I'm not sure this is what you were asking about, so let me know if I misunderstood.

[Grandma Helen]

Thats what I was looking for.  Does it matter where I add the code?

[Mimi58]

Here's a link to the thread that tells where to put the code: http://teebeedee.ning.com/group/studio/forum/topics/profileskins01-...

Can't wait to see what you do!

[Helen's Playground]

Thanks.  Won't be tonight but probably tomorrow.  I'll let you know when I get something to work.  

[Grandma Helen]

[Grandma Helen]

mimi this is the one I did with the code you used and the code that needed to be added.  Syble helped me get the code straight.  

[Mimi58]

Looking good!