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,
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,
-
- Fresh Boarder
- Konrad M
- Tue May 10, 2011 9:46 am
Hi
Try add to override.css
and copy image to images template folder. Of course remember to enable override.css option in template settings.
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.
- 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.
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.
-
- 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
This is an older template and do not have this file. Please add this code to template_css.css
-
- Moderator
- GK User
- Wed May 11, 2011 6:25 pm
Thanks very much ....I will do it out and do as you mentioned...
-
- Fresh Boarder
- teitbite
- Sun May 15, 2011 1:44 am
Hi
Is it working as You expected ?
Is it working as You expected ?
-
- Moderator
- GK User
- Wed May 18, 2011 4:46 pm
Not Yet..trying to get the image right..
-
- Fresh Boarder
- teitbite
- Thu May 19, 2011 10:01 pm
Hi
So please tell me how I can help You ?
So please tell me how I can help You ?
-
- 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
-
- Senior Boarder
- teitbite
- Mon Dec 05, 2011 7:46 am
Hi
Try to add it at the end of template_css.css file
Try to add it at the end of template_css.css file
-
- 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
-
- Senior Boarder
- Konrad M
- Tue Dec 06, 2011 12:05 pm
It means that you add rules to body selector which has id="bd".
- 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?
-
- Senior Boarder
- Konrad M
- Tue Dec 06, 2011 12:46 pm
Can you explain a little more where you want to put it ?
- 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
-
- 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 ?
- 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
-
- Senior Boarder
- Konrad M
- Tue Dec 06, 2011 1:10 pm
Try put it inside div 'wrapper_main'
- 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;
}
-
- Senior Boarder
19 posts
• Page 1 of 1