MonsterSmallBusiness Forums > Adding Left/right Borders To Main Page

Full Version: Adding Left/right Borders To Main Page

MonsterSmallBusiness Forums > MonsterWebDesign > Designing Your Storefront

SendDerek

Dec 18 2006, 11:29 AM

Hello!

I'm pretty new to the monstercommerce solution and even newer to the forums!

I have a question about borders on the page. Currently, I am using the MC_Steel template and I am in the stage of modifying it to my liking. I would like to add a border around just the right and left side of the main page including the body and the footer, but not including the header (the border will be taken care of in the image file).

Here is a quick screenshot plus a description of what I'm talking about:

IPB Image

I know that this is possible to do with a .css file. I have the code right here:

CODE

Boder_Left {border-left: 1px solid #333333;}
Border_Right {border-right: 1px solid #333333;}

How would I be able to apply this to the whole webpage?

Thank you for your help!

Monster Tech Lead

Dec 18 2006, 12:38 PM

Hi SendDerek,

The two easiest methods that I could think of to allow you to do this would be to go to your sites file manager, and download the file named custom.css.

You would then want to add a class called body. In this class you would then set your border to be displayed.

For example

body
{
border-left: 1px solid #333333;
}

Then after you reupload this file in the file manager, your left side of the site will then contain a border 1 px in width.

Another option that you have is to create a background image that will be tiled, and this can be set to be used in Layout >> Site Wide Color and Font Options >> Site Borders and Misc Tab.

For more information on designing your site checkout the following quick guide too:
http://kb.monstercommerce.com/support/quic...de_designI.html

Joe

SendDerek

Dec 18 2006, 01:20 PM

Thank you very much for the response. I will try this right away and let you know.

Thanks again!

Okay, so I edited the .css file to match what you were saying. It looks like this now:

CODE

body
{
border-left: 1px solid #333333;
border-right: 1px solid #333333;
}

But, still no border. I'm thinking I will need to "link" it to the rest of the HTML code in the page. How would I do that?

Make sense?

SendDerek

Dec 19 2006, 11:43 AM

Bump!

SendDerek

Dec 19 2006, 02:08 PM

Is there a main HTML page that controls all this stuff? I mean, there's a right HTML page, a left, a top and a bottom, but not a main HTML page listed. I can't find one in the FTP site either.

Okay, so I think I've almost figured it out... I need access to the main <head> tag so that I can paste this command in there:

CODE

How can I get to the <head> tag?

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.