Welcome to WebDesignForums.net!
You're currently viewing WDF as a guest. By registering for a free account, you'll be able to participate with other members in our friendly community. Being a member allows you to ask questions and get answers for those troublesome web development tasks!

In addition, as a member you'll be able to post your websites up for review. Using our unique website review system you can gain some amazing feedback from some of the best web developers around. This is a completely free service to all registered members.

Ready to register yet? Registration is 100% free. Click Here To Join Now!

Custom background image problem in WP

Discussion in 'Wordpress Help' started by Alanna Baxter, Feb 21, 2012.

  1. Offline

    Alanna Baxter Member

    Message Count:
    165
    Likes Received:
    16
    Trophy Points:
    18
    Gender:
    Female
    I'm trying a few different backgrounds for a wordpress site but I'm having a few problems.

    My first problem: I made a custom background 150x150px in Photoshop. The idea was to use a grayscale pattern and add a color in the WP background panel. So I uploaded the pattern and chose a color but it didn't work. I also tried to add code into the style.css but that also didnt work. Is there any way to add a background pattern and choose a color to lay over it?

    My second problem is that again, I made a pattern in Photoshop and added color this time. but I don't want it to be tiled. I just want it to be a very subtle background but it doesn't seem to spread across the page. You can only choose left, right, or center. I changed the dimensions in Photoshop and made it bigger but when I uploaded it the pattern lost definition. But it worked. Is there any way that I can make this work?

    Is there something totally obvious here that I'm missing?

    BTW, I'm building child themes over the twentyeleven theme.

    Any help greatly appreciated, as always!


    Alanna Baxter, Feb 21, 2012
    #1

  2. WDF Go Premium, Drop Ads

  3. Offline

    Alanna Baxter Member

    Message Count:
    165
    Likes Received:
    16
    Trophy Points:
    18
    Gender:
    Female
    Turns out that there is a "simple full screen background" plugin you can install. I installed it and it's working fine. I just find it frustrating that anytime you want to customize something you have to install a plugin. I'm not sure that's a good thing or a bad thing especially for someone who's actually trying to learn PHP, CSS, etc!!


    Alanna Baxter, Feb 23, 2012
    #2
  4. Offline

    AlphaMare WDF Moderator

    Message Count:
    3,965
    Likes Received:
    710
    Trophy Points:
    113
    Gender:
    Female
    Location:
    Montreal, Canada
    A couple of observations:
    • If you are altering the CSS, where are you doing it? In the CSS of the child theme, or the CSS for the actual twenty-eleven? Remeber that whatever CSS you write for the child theme will overwrite that of the twenty-eleven theme, so any changes should be made in the child theme.
    • You say you have a 150 x 150 px image that you want to use as a background but you don't want it to tile - if you don't tile (or repeat in some way) an image of that size you will only get the actual image showing - that is, you will only get an area of 150 X 150 covered, whether it be left, right, or centre.
    Actually, you don't always have to add a plugin - it depends a lot on what theme you are using.

    Would you post a link to the site? I don't use twenty-eleven much myself but I do use WP a lot (I have one basic theme that I made, and build my child themes on that) and can maybe help out if I can see what you're doing. Plus I'd just like to see the site; I'm always interested to see what other folks are doing with WP.


    AlphaMare, Feb 26, 2012
    #3
    Alanna Baxter likes this.
  5. Offline

    Alanna Baxter Member

    Message Count:
    165
    Likes Received:
    16
    Trophy Points:
    18
    Gender:
    Female
    I understand what you mean about the tiling effect. What I had originally tried to do was to make a transparent pattern using Photoshop, upload it and simply try out different colors in CSS but that didn't work at all. Eventually I made a fabric type pattern, gave it some color and used that instead. I had to make the image size about 1200 x 1000 px I think. I have been making these changes in the child theme CSS.

    I should have the site up by the end of the week and will post a link then. Right now I'm running it through WAMP locally.

    Thanks, AlphaMare!


    Alanna Baxter, Feb 28, 2012
    #4
(You have insufficient privileges to reply here.)

Share This Page