Post by ljstorage » Thu Sep 18, 2014 9:28 pm

Hi all,

I'm trying to make my opencart site look more similar to my main site. I'm wanting add a banner background to the header and if possible a "box" background to the body (see www.ljstorage.co.uk) but I'm not quite sure how to do it or if it's possible.

I have tried to amend the header a couple of ways but it pushes the body down and it doesn't look right.

Thanks in advance!!

Newbie

Posts

Joined
Mon Aug 11, 2014 5:04 pm

Post by gerganadimova » Thu Sep 18, 2014 11:46 pm

Perhaps this will help you get there. It's based on the default theme, because I don't have a link to your website:

1. Open the file catalog/view/theme/default/stylesheet/stylesheet.css in a simple text editor like notepad or textedit.
2. Paste this code:

Code: Select all

body {
    background: url(http://www.ljstorage.co.uk/images/purple_centre.jpg) no-repeat center top;
    background-color: #EEE;
}

#content {
    background: transparent url(http://www.ljstorage.co.uk/images/page_bg.png) repeat-y 0 0;
    margin-bottom: 0;
}
div#footer {
    background: url(http://www.ljstorage.co.uk/images/page_bg.png) repeat-y 0 0;
    border: 0;
}

div#powered {
    display: none;
}
Cheers,
Gergana

Image


User avatar
New member

Posts

Joined
Mon Apr 22, 2013 5:54 pm
Who is online

Users browsing this forum: Baidu [Spider] and 16 guests