Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • ulotoyebtaa Friend
    #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 Friend
    #476806

    Hi 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.png

    If the site is breaking with a css mod then you must be accidentally removing punctuation or bracketing

    ulotoyebtaa Friend
    #476826

    i’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 Friend
    #476832

    Hey 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.

    ulotoyebtaa Friend
    #477074

    i’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 Friend
    #477115

    Use 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.

    ulotoyebtaa Friend
    #477400

    Thanks, i’m using fixed left top npw 🙂

Viewing 7 posts - 1 through 7 (of 7 total)

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