I just joined this forum and I am really new to open cart. How would you change the background to an image. I kinda now bow, but I just want the background to display on the sides not where all the products are.
My site is autodetailhut.com
I want it to look similar to http://www.toplamp.com.my/mystore/
Thanks,
Max
In your template folder, there is a default css file.
/catalog/template//css/default.css
Open it and edit background: url('..//
and then modify the CSS tags to acquire the behavior that you want.
If you dont know these tags, they can be found here
http://www.w3schools.com/Css/css_background.asp
The default code for the default template can be found below.
Code: Select all
/* body */
body {
margin: 0px;
padding: 0px;
behavior: url('catalog/javascript/png/iepngfix.htc');
background: url('../image/background.png') top repeat-x;
background-color: #F4CE53;
}
Look at the example site and look where the grey is compared to where the white is. How do I make my background look like that. Meaning how do I make the grey to cover where the white is.
Thanks
See how the grey is over the top tabs on the right and on the left it looks like it is too short?
How to I fix it to be even w/ the headers footers.
body {
margin: 0px;
padding: 0px;
background: url('../image/background.png') top center repeat-y #e7e8e9;
}
Remember must remove (If not it will screw up ur website looks at IE):
behavior: url('catalog/javascript/png/iepngfix.htc');
& I found that your banner size too large, try to resize your banner width to - 576px.
Hope this will give you some help,

Regards,
John
behavior: url('catalog/javascript/png/iepngfix.htc');
How do I resize my banner and what is my banner?
what does this do:
top center repeat-y
looks like you have been solve the problem.maximus20895 wrote: So I remove this:
behavior: url('catalog/javascript/png/iepngfix.htc');
How do I resize my banner and what is my banner?
what does this do:
top center repeat-y

let me give you 1 more suggestion, just resize your background.png width bigger than 779px,

top center - bring your background.png to the place of top then center
repeat-y = repeat your background.png with horizon.

This line is a fix to allow IE6 to display "png" files.behavior: url('catalog/javascript/png/iepngfix.htc');
Using "repeat-y" will repeat the image vertically. If you want it repeated horizontally, use "repeat-x". Remember your x and y co-ordinates on a graph - x is the horizontal, y is the vertical - this is exactly the same.repeat-y = repeat your background.png with horizon.
Regards, Fido-X.
Modules for OpenCart 2.3.0.2
Homepage Module [Free - since OpenCart 0.7.7]
Multistore Extensions
Store Manager Multi-Vendor/Multi-Store management tool
If you're not living on the edge ... you're taking up too much space!
Modules for OpenCart 2.3.0.2
Homepage Module [Free - since OpenCart 0.7.7]
Multistore Extensions
Store Manager Multi-Vendor/Multi-Store management tool
If you're not living on the edge ... you're taking up too much space!
Modules for OpenCart 2.3.0.2
Homepage Module [Free - since OpenCart 0.7.7]
Multistore Extensions
Store Manager Multi-Vendor/Multi-Store management tool
If you're not living on the edge ... you're taking up too much space!
Users browsing this forum: No registered users and 1 guest