-
AuthorPosts
-
December 19, 2012 at 10:12 am #183243
Hello,
i’m working on an upgrade for a client and i want to do a background change for this theme. the site is here http://www.newchild-ng.com/demos/autotraxx/main/ each time i try changing it it affects some other modules on the site, especially the the top slider. it stops working.
i want the background replaced by the one on the old site which is here ” http://www.autotraxxint.com/drivingschool.asp ”
Please advice.
regards
Tolu
Jason Hill FriendJason Hill
- Join date:
- September 2014
- Posts:
- 32
- Downloads:
- 0
- Uploads:
- 2
- Thanks:
- 4
- Thanked:
- 4 times in 1 posts
December 19, 2012 at 3:13 pm #476806Hi Tolu,
How are you changing the background ? A simple CSS background change shouldn’t have any effect at all on other modules.
Procedure:
Place bg image into /templates/ja_ironis/themes/day/images
Edit /templates/ja_ironis/themes/day/css/template.css
line 16 – change body_bg.gif –> bg3.pngIf the site is breaking with a css mod then you must be accidentally removing punctuation or bracketing
December 19, 2012 at 8:54 pm #476826i’ve tried replacing body_bg, i noticed the height is not the total hieght of the template. it’s actually 500px in hieght, but i want a background that will take from top to bottom of the template.
Please advice.
Regards
Tolu
Jason Hill FriendJason Hill
- Join date:
- September 2014
- Posts:
- 32
- Downloads:
- 0
- Uploads:
- 2
- Thanks:
- 4
- Thanked:
- 4 times in 1 posts
December 19, 2012 at 11:41 pm #476832Hey Tolu,
500px ? That background image should be around 1000px ? Either way, change the word ‘repeat-y’ to just ‘repeat’. It should now wrap full length of page. It won’t look pretty though,
A way around would be to use a colour picker like ColorZilla to sample the very bottom of that background image. Then you would replace ‘#E4F3F9’ with the color that ColorZilla displays. Change repeat back to repeat-y. Now you will have the background image display once at the top but then continue sealessly down the page.
Let me know how you go.
December 21, 2012 at 10:37 am #477074i’ve changed the background, but how do i stop it from repeating.
I need it fixed irrespective of the hieght of the page.
please advice anyone.
Regards
Tolu
Jason Hill FriendJason Hill
- Join date:
- September 2014
- Posts:
- 32
- Downloads:
- 0
- Uploads:
- 2
- Thanks:
- 4
- Thanked:
- 4 times in 1 posts
December 21, 2012 at 8:53 pm #477115Use no-repeat.
Somthing like this
body#bd {
background: url(“../images/body_bg.gif”) no-repeat scroll left top #E4F3F9;}If you haven’t already, download firebug (and firefox if you don’t have it) and watch some youtube tutorials. You will only need to spend 15 minutes to familiarise yourself with how it works and it will literally save you hours and hours of debugging CSS. If you are working with templates a bit, this will be, hands down, the best tool you will ever use.
1 user says Thank You to Jason Hill for this useful post
December 24, 2012 at 10:08 am #477400Thanks, i’m using fixed left top npw 🙂
-
AuthorPosts
This topic contains 7 replies, has 2 voices, and was last updated by ulotoyebtaa 11 years, 10 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum