Add a image Background to Corporate LTD template

Corporate Ltd is perfect choice for your next business Joomla website
GK User
Mon May 09, 2011 9:32 pm
Hi,


How can I add a image background to Corporate LTD template? can the image be fixed and the content floats over it?

Thanks for the help,
User avatar
Fresh Boarder

Konrad M
Tue May 10, 2011 9:46 am
Hi
Try add to override.css
Code: Select all
body#bd {
  background: url("../images/your_image") no-repeat fixed center center;
}


and copy image to images template folder. Of course remember to enable override.css option in template settings.
User avatar

GK User
Tue May 10, 2011 2:15 pm
Hi,

Thanks for the reply, as I am a beginner on this, I do not see the override.css in css folder or do I have to create it?

Thanks for the help again well appreciated.
User avatar
Fresh Boarder

teitbite
Wed May 11, 2011 1:55 am
Hi

This is an older template and do not have this file. Please add this code to template_css.css
User avatar
Moderator

GK User
Wed May 11, 2011 6:25 pm
Thanks very much ....I will do it out and do as you mentioned...
User avatar
Fresh Boarder

teitbite
Sun May 15, 2011 1:44 am
Hi

Is it working as You expected ?
User avatar
Moderator

GK User
Wed May 18, 2011 4:46 pm
Not Yet..trying to get the image right..
User avatar
Fresh Boarder

teitbite
Thu May 19, 2011 10:01 pm
Hi

So please tell me how I can help You ?
User avatar
Moderator

GK User
Sun Dec 04, 2011 5:12 pm
Konrad Mlynarczykowski wrote:Hi
Try add to override.css
Code: Select all
body#bd {
  background: url("../images/your_image") no-repeat fixed center center;
}


and copy image to images template folder. Of course remember to enable override.css option in template settings.

There is no override.css in this template
User avatar
Senior Boarder

teitbite
Mon Dec 05, 2011 7:46 am
Hi

Try to add it at the end of template_css.css file
User avatar
Moderator

GK User
Tue Dec 06, 2011 12:01 pm
teitbite wrote:Hi

Try to add it at the end of template_css.css file

What does bd means in body#bd {? is it background
User avatar
Senior Boarder

Konrad M
Tue Dec 06, 2011 12:05 pm
It means that you add rules to body selector which has id="bd".
User avatar

GK User
Tue Dec 06, 2011 12:40 pm
Konrad Mlynarczykowski wrote:It means that you add rules to body selector which has id="bd".

I am trying to put the santa hat like in Music template, and i tried everything and does not work :(
Maybe if i make a rule to put the santa hat, should it work? with two backgrounds in body?
User avatar
Senior Boarder

Konrad M
Tue Dec 06, 2011 12:46 pm
Can you explain a little more where you want to put it ?
User avatar

GK User
Tue Dec 06, 2011 12:47 pm
Konrad Mlynarczykowski wrote:Can you explain a little more where you want to put it ?

I want to put it like in Music template. On top of my logo.
My website is www.santaremdigital.com
User avatar
Senior Boarder

Konrad M
Tue Dec 06, 2011 12:53 pm
Ok. One thing more can You show me hat image You want to put ?
User avatar

GK User
Tue Dec 06, 2011 12:56 pm
Konrad Mlynarczykowski wrote:Ok. One thing more can You show me hat image You want to put ?

It`s this one http://www.santaremdigital.com/images/c ... s_logo.png

I made this to put it in the right place:
display: block;
background: transparent url('http://www.santaremdigital.com/images/christmas_logo.png') no-repeat 0 0;
width: 157px;
height: 172px;
position: absolute;
top: -77px;
left: 250px;

just don`t know where to put it
User avatar
Senior Boarder

Konrad M
Tue Dec 06, 2011 1:10 pm
Try put it inside div 'wrapper_main'
User avatar

GK User
Tue Dec 06, 2011 1:15 pm
Konrad Mlynarczykowski wrote:Try put it inside div 'wrapper_main'


Its behind the logo and the wrapper_main.
I used this code:
div#wrapper_main{
width:980px;
margin:0 auto;
padding-bottom:20px;
position:static!important;
display: block;
background: transparent url('http://www.santaremdigital.com/images/christmas_logo.png') no-repeat 0 0;
position: absolute;
top: -77px;
left: 250px;
}
User avatar
Senior Boarder


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.