• Resolved wickeddiana

    (@wickeddiana)


    How do I add a background image in the twenty ten theme into the wrapper area? I have been trying to add it into the #wrapper section but with no success

    Here is my website: http://indiebizdesign.com

    I would like to add a background image into the white part of the page/ content area.

    Here is the code I used:
    background-image: url(images/pink_wave_bk.jpg) no-repeat 0 0 repeat-x;

    thanks in advance

Viewing 6 replies - 1 through 6 (of 6 total)
  • Don’t edit the Twenty Ten theme. Your changes will be over-written the next time you upgrade WordPress. For this reason, it is recommended that you consider creating a child theme for your customisations. Once your child theme is active, we should be able to help with the customisation.

    Thread Starter wickeddiana

    (@wickeddiana)

    I just created a child theme. Thanks for reminding me 🙂

    you were trying to use the background short form together with background-image;

    http://www.w3schools.com/css/css_background.asp

    Thread Starter wickeddiana

    (@wickeddiana)

    so what is the right code? I have trying out a few different things but doesn’t seem to work. Not even sure if I’m placing it in the right place

    it’s in the css docu:

    either use:
    background: #123456 url(images/pink_wave_bk.jpg) no-repeat 0 0;

    or:

    background-color: #123456;
    background-image: url(images/pink_wave_bk.jpg);
    background-repeat: no-repeat
    background-position: 0 0;

    also, make you mind up if you want no background repeat or repeat in x direction.

    (from line 171 in style.css of the parent theme)

    #wrapper {
    	background: #fff;
    	margin-top: 20px;
    	padding: 0 20px;
    }

    seems to be the right css id.

    Thread Starter wickeddiana

    (@wickeddiana)

    thanks for all your help. That worked! 🙂

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

The topic ‘background image’ is closed to new replies.