WordPress.org

Ready to get started?Download WordPress

Forums

[Theme: Responsive] Auto Resizing Background Image (4 posts)

  1. jshields
    Member
    Posted 1 year ago #

    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

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  3. nwcountry
    Member
    Posted 1 year ago #

    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

  4. nwcountry
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic