WordPress.org

Support

Support » Themes and Templates » [Theme: Responsive] Auto Resizing Background Image

[Theme: Responsive] Auto Resizing Background Image

  • Hello,

    I’ve searched to try and find a solution to this problem but have yet to be completely successful (the plugins I’ve tried don’t work how I want them to either). As the title states, I am trying to set my background image up so that it auto scales/resizes to fit on screens with lower resolution. I found the following post:

    http://wordpress.org/support/topic/how-to-auto-resize-background-image

    I followed what the second post said to do (modified the CSS), but when I copy paste:

    <div>
    <img id=”background” title=”” alt=”” src=”images/diamondigloosplash.png”/>
    </div>

    Into the footer of this theme as suggested, the image displays in the footer (not surprising since it suggested to put it in the footer.php)and not as the main background. It rescales fine, just not in the right place. Does anyone know what file/location I could copy paste that img div code into to make it show up as the main background? I’ve guessed wrong thus far.

    Thanks,

    -John

Viewing 3 replies - 1 through 3 (of 3 total)
  • Andrew Nevins
    Forum moderator

    @anevins

    Are you just looking for the background-size CSS property? If so, try a value of 100%.

    nwcountry
    Member

    @nwcountry

    I’m hoping someone is still around to help me on this. I am only a beginner in coding but I know that I was able to set some of my images at 100% in order for them to fully display in many screens (tried this out and really so amazing).

    Anyway, my site is http://www.purelydenise.com and I am using a responsive theme. I designed my own background and just did 900 X 600. When I inserted into the “background image” option, it doesn’t cover the full screen thought.

    I saw in my editor what I think is the place I am supposed to put the 100%.

    background: url(images/search.png) no-repeat 5px 6px;

    Since it says “no repeat” I think that is where I need the 100%. I would so appreciate help here. This is my first website and I have gotten quite a bit of content but now I am looking at customizing it to my liking:)

    Thank you for any help on this, Denise

    nwcountry
    Member

    @nwcountry

    Thought this may help, the background image, <a http://i556.photobucket.com/albums/ss2/nwcountry/forpd.jpg

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Theme: Responsive] Auto Resizing Background Image’ is closed to new replies.