Jump to content

Recommended Posts

Hi guys,

 

Im new to this forum and will try to explain my problem quick.

Im running the site www.ursnygg.com.

I recently got the idea that I wanted to have som kind of a vintage wall in the background behind my page. This should just be on the right and left side. The page in the middle should remain white.

 

When I have finally managed to get a pic in as background (dont worry, that is not the final pic that is os the site right now) then the margins for the white site in the middle is all wrong and the background image can be seen in the search field.

 

Please visit the site now to understand what I mean.

 

Im attaching an image of how I want the site to look.

 

How should I do this? Can I somehow insert some white div tag or what?

 

Thank you in advance for the help.

post-445350-0-40112300-1355252851_thumb.jpg

Share this post


Link to post
Share on other sites

Try adding the background again on the body

 

body {background:url(../img/background.jpg) top left repeat}

 

And then at global.css line 180 change the page class to this:

.page {width:910px; margin:0 auto; background:#FFF}

Edited by Carlsen (see edit history)

Share this post


Link to post
Share on other sites

Try adding the background again on the body

 

body {background:url(../img/background.jpg) top left repeat}

 

And then at global.css line 180 change the page class to this:

.page {width:910px; margin:0 auto; background:#FFF}

 

 

 

You made my day! Thanks a lot man! :)

Share this post


Link to post
Share on other sites

Try adding the background again on the body

 

body {background:url(../img/background.jpg) top left repeat}

 

And then at global.css line 180 change the page class to this:

.page {width:910px; margin:0 auto; background:#FFF}

 

I discovered another problem today.

When you have placed your products in the cart and you go to the checkout. That margin dissapears?

I guess there is another css page that you have to make some changes in, but which one and what?

Share this post


Link to post
Share on other sites

Thank you for your help YANIV14, however, there was no change trying that.

Here is a part of what the order-opc.css looks like:

 

 

body#order-opc div#center_column{

width:651px;

float:right

}

body#order-opc div#left_column{

margin top: 10px; <-------------- I changed this line to "margin: 0 0 0 10px;" I also tried Margin top: 0 0 0 10px;"

}

 

#order-opc .opc_status {

border: 1px solid #d0d3d8;

background: #D0D1D5 url('../img/form_bg.jpg') repeat-x top left;

font-size: 12px;

}

div#opc_account_choice {

width:100%

}

div#opc_invoice_address {

width:100%

}

span#invoice_address b {

color:black;

text-transform:uppercase;

font-weight:normal

}

.opc_float {

float:right;

width: 55%;

}

 

 

 

Any other suggestions?

Share this post


Link to post
Share on other sites

that need to work because I tested it and its working.

make sure you clear your browser cache (ctrl+f5 - 2 times)

 

just to be clear, the problem is at the checkout page that the left column don't have any margin on the left?

change that line from: margin-top: 0; <--- which you have now to: margin: 0 0 0 10px;

 

before after

Share this post


Link to post
Share on other sites
  • 2 weeks later...
  • 4 weeks later...

Ursnygg could you tell me how did you put the background only on the sides?

 

Thanks!

 

Ursnygg,

 

i'm also curious, because that type of design gives more impact on the page. can u tell us?

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More