I would like to "pull together" left column, right column and content by giving them a shared background.
I tried creating an extra div with background and put it in home.tpl between
<?php echo $header; ?>
<div id="pulltogether">
<?php echo $column_left; ?><?php echo $column_right; ?>
But that didn't work. Any help?
I added the following div to the stylesheet
This to the very bottom of header.tpl
and this to the very top of footer.tpl
It didn't change a thing. Maybe I'm doing something wrong?
Code: Select all
#wrapper {
background-image:url(../image/bg.png);
}Code: Select all
<div id="wrapper">Code: Select all
</div>It didn't change a thing. Maybe I'm doing something wrong?
Put the following:-
before the closing </div> you put in the footer.tpl file.
Code: Select all
<div style="clear: both;"> </div>
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!
I found out that the div itself is working. I can change width and stuff.
The problem is somewhere in the height but I can't figure it out. If I say that the height of wrapper is 300px for example, it shows the background for 300pxs. If I put 100% as height or auto, it doesn't show the background.
The problem is somewhere in the height but I can't figure it out. If I say that the height of wrapper is 300px for example, it shows the background for 300pxs. If I put 100% as height or auto, it doesn't show the background.
I tried it, but it doesn't fix my problem.fido-x wrote:Put the following:-before the closing </div> you put in the footer.tpl file.Code: Select all
<div style="clear: both;"> </div>
I think it's a div height problem of some sort like I explained in my previous post.
The background colour in the content div may be interfering with your image. Look for "#content .middle" in your stylesheet (around line 141 in the default) and change the line that reads "background: #FFFFFF;" to "background: transparent;" or "background: none;".
Do the same with the "box" class (.box .middle - line 168).
Might help.
Do the same with the "box" class (.box .middle - line 168).
Might help.
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!
Set the div overflow attribute to hidden.
That will "stretch" the div to the height you want.
That will "stretch" the div to the height you want.
www.opencartstore.com
Get OpenCart Templates and OpenCart Modules.
Who is online
Users browsing this forum: No registered users and 1 guest
