Background image must not repeat.

  • Resolved gfewjf

    (@gfewjf)


    12 years, 6 months ago

    Hey there,

    I’ve created a own theme in wordpress and i use the 3.6.1 version.

    http://cms.cheapconnect.net/?page_id=51 this is the website i am building now, but as you can see the background image keeps on repeating. I dont want it to repeat how can i do this?

    I have aldready tried this: body {
    background: #000 url(‘http://www.cheapconnect.net/images/bg_top2.gif’) no-repeat;

    }

    but the background then changes in black. and if i delete the ‘#000’ it changes to white

    could someone help me pleas?

    ps. i am building the website nog so dont judge bout the looks yet 🙂

Viewing 9 replies - 1 through 9 (of 9 total)
  • taloweb

    (@taloweb)

    12 years, 6 months ago

    background: transparent url('http://www.cheapconnect.net/images/bg_top2.gif') no-repeat center top;

    I suggest using FireBug for css debugging, if installed in FireFox you can use right mouse click on an element and analyze it, modify and preview the css on the fly…

    Thread Starter gfewjf

    (@gfewjf)

    12 years, 6 months ago

    nope still didnt work, background is now white..

    and firefox is really slow in my laptop, i use google chrome so i dont think it will work firebugging

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    12 years, 6 months ago

    Chrome has its equivalent (but with less features) of firebugging: https://developers.google.com/chrome-developer-tools/

    As I can see the recommended CSS has worked, please clear your browser’s cache.

    Thread Starter gfewjf

    (@gfewjf)

    12 years, 6 months ago

    the background image is now white, when i put the recommended css code.. i want the background to be like this website

    http://www.cheapconnect.net

    tyvm for the help

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    12 years, 6 months ago

    So you do want it to repeat?

    Thread Starter gfewjf

    (@gfewjf)

    12 years, 6 months ago

    let me try to explain this haha,

    when you look at this website http://www.cheapconnect.net/nl/tarieven.php. you see the background, the color is gray/silver but there is only 1 white ‘faded’ line.. when you look on my website you see the white line multiple times. take a look in the ‘tarieven’ (http://cms.cheapconnect.net/?page_id=51) menu, you will see what i mean

    Thread Starter gfewjf

    (@gfewjf)

    12 years, 6 months ago

    and when i put the recommended css, the background changes white

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    12 years, 6 months ago

    The website you want to replicate has the background image repeating on the X axis (horizontally) and then sets a default grey colour as well.

    To replicate this you would add:

    body {
  background: #e2e2e2 url(http://www.cheapconnect.net/images/bg_top2.gif) top repeat-x;
}

    Thread Starter gfewjf

    (@gfewjf)

    12 years, 6 months ago

    yess!!!! thats how i want it, was searching 2 days for this solution, thank you very much!

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Background image must not repeat.’ is closed to new replies.