Page 1 of 1

Box around text of page

Posted: Tue Mar 26, 2013 4:28 pm
by msshai
I am thinking about placing a background in the main content section of my page (http://www.sisters-inspirit.org) . Unfortunately, I can't quite figure out how to do it properly. Currently, I have the box code from my side bar (I am using a template BTW) but I cannot control the parameters of that box. Any ideas? :-* (my kiss is my gratitude for your reading and responses)

Re: Box around text of page

Posted: Tue Mar 26, 2013 6:17 pm
by velden
Pfff, this site loads reaaaaally slow here (minutes). Large images (3x ~500kb) and a MP4 movie (+2mb) are loaded...

.main_content already has TWO backgrounds defined in css. Looks like the subtile shadow on top and bottom of main content.

Code: Select all

/*
    MAIN
*/
.main_container {
    width: 100%;
    display: table;
   background-color: #ffffff;
    background: url("/uploads/interface/images/container_bg.png") top left repeat-x scroll, url("/uploads/interface/images/container_bg_bottom.png") bottom left repeat-x scroll;
}
You could ofcourse choose another background for that in the style sheet.

Re: Box around text of page

Posted: Tue Mar 26, 2013 6:34 pm
by msshai
I agree. The page is loading extra slow right now! I am online with my host about that.

Other than that, I am fine with the pictures currently there (they give a slight shadow/gradient look). I just want a separate box to go around the content (paragraphs/text) of pages that don't have a sidebar such as http://sisters-inspirit.org/about-us . Any ideas?