WordPress.org

Ready to get started?Download WordPress

Forums

Customizr
[resolved] add or change background image (17 posts)

  1. siepos
    Member
    Posted 5 months ago #

    Hi,
    I'm using the Customizr theme version 3.1.6.
    I would like to change the white background into a background with a picture.

    I'f try't it bij typing the code in the 'own CSS" space on the theme-page. I am sure that i use the right url, ..../upload/01/background.png. But, what ever i do, i don't see any change. When i use the code to change the background color, then i see result.

    What do i wrong?

    An other question: how can i surch on the forum??

    Thanx for your help.

    Siepos

  2. rdellconsulting
    Member
    Posted 5 months ago #

    Background Image snippet

    Search Forum snippet

  3. siepos
    Member
    Posted 5 months ago #

    Dear Rdell,

    Thank you for your help, but... what ever i do, were ever i put the code and the right link of the picture, it dosn't appear.

    I yuse this code:

    background: url(/wp-content/uploads/2014/01/background-origineel.png) repeat fixed 0 0 ;
    }

    Maybe you could tell me how i can solf the problem??

    Thank you.

    Siepos
    Holland

  4. rdellconsulting
    Member
    Posted 5 months ago #

    Need a link to your site to take a look.

  5. siepos
    Member
    Posted 5 months ago #

    Here the link tot the site (under construction)
    http://www.ikdeelmijnkerstpakket.nl/2014/

  6. rdellconsulting
    Member
    Posted 5 months ago #

    Here's what I'm seeing in Firebug:

    body {
      background: url("/wp-content/uploads/2014/background-origineel.png") repeat fixed 0 0 rgba(0, 0, 0, 0);
    }

    Definition of rgba:

    An RGBA color value is specified with: rgba(red, green, blue, alpha). The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (fully opaque).

    Now look at the 4th parameter in your rgba code?

  7. siepos
    Member
    Posted 5 months ago #

    Hi Rdel,

    I'f changed the alpha-parameter into different values. The effect is that the background of the page changed between with (transparant) en black. No picture shows up.

    In Firebug i see now the warning that says : "loading url failed". On that i try't to modify the adres bij delete the adressparts "2014" and/or "01". Sorry, no result.

    More possibility's??

    Enjoy your weekend.

    Siepos
    Holland

  8. rdellconsulting
    Member
    Posted 5 months ago #

    Here's an example of one I use:

    body {
      background: url("/wp-content/uploads/_media/scmtc/scmtc-bgrd.png") repeat fixed 0 0 #FAFAFA !important;
      font-family: "Open Sans",Helvetica,Arial,sans-serif;
      margin-top: 0;
    }

    I tend to setup a fixed folder to store my images (_media/scmtc). If you've used the Media library, I'd have expected to see:
    "/wp-content/uploads/2014/01/background-origineel.png" ie the 01 is missing in Firebug. That error message also suggests you're not pointing at the right file.

    On my previous post, I was wrong about your rgba value, but look at my code above and I'm not using any rgba code.

  9. siepos
    Member
    Posted 5 months ago #

    Hi Rdell,
    I'm sorry to say, but it doesnt work.

    I'm sure the link to the image is correct. With FileZilla i have made a new map and place the image in it, copy the adres in to the codefield for CSS; No result. After correcting these steps and once more checkt the adres of the image in the origineel map .../2014/02/kerstbal.png and checkt the use of capitals in the code and checkt the permission of the maps and files; no result.

    Firebug keep saying that the url not could be loaded.

    Thank you for your patience.

    Siepos

  10. rdellconsulting
    Member
    Posted 5 months ago #

    Are your file permissions OK? (0644 works)

    Just tried to access http://www.ikdeelmijnkerstpakket.nl/2014/02/kerstbal.png and get a 404

  11. siepos
    Member
    Posted 5 months ago #

    The permission are ok. Most of them are 777.

    I really don't understand why the image-file, kerstbal.png, not be seen. It's realy there.

    I send you by mail a screen-image of Filezilla.

    Thanx

    Siepos

  12. siepos
    Member
    Posted 5 months ago #

    Hi Rdel,

    I'f found a solution! Probably not the best, but..
    I use the full url relatieve url: body {
    background: url(http://www.ikdeelmijnkerstpakket.nl/2014/wp-content/uploads/2014/02/kerstbal.jpg) repeat fixed 0 0 #FAFAFA !important;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    margin-top: 0;
    }

    Close the discussion or could we find a better solution?

    Siepos

  13. rdellconsulting
    Member
    Posted 5 months ago #

    I think that will do. Goed! Goed gedaan!

  14. siepos
    Member
    Posted 5 months ago #

    Thanx for all your help.

    Siepos

    Je nederlands is goed!

  15. siepos
    Member
    Posted 5 months ago #

    Post closed

  16. Timmerduder
    Member
    Posted 3 months ago #

    I'm not getting this... I want the content background, currently default white changed to a fixed image I have already uploaded.

    site - http://goldendalechamber.org

    image - http://goldendalechamber.org/images/wmbg.jpg

    Thanks for the help, I guess I need exact instructions as I am brand new to wordpress... thanks again!

    Tim

  17. d4z_c0nf
    Member
    Posted 3 months ago #

    #primary.content-area{
    background-image: url('http://goldendalechamber.org/images/wmbg.jpg');
    }
    .site-content .entry-content, .site-content .entry-header {
    background: transparent;
    }

    and so on..
    Anyway this is the support forum for Customizr theme and clearly you're not using customizr ;)

Reply

You must log in to post.

About this Theme

About this Topic