Title: resizing issue Last modified: August 21, 2016 --- # resizing issue * Resolved [dmd54](https://wordpress.org/support/users/dmd54/) * (@dmd54) * [12 years, 11 months ago](https://wordpress.org/support/topic/resizing-issue/) * extra eyes please. trying to figure out why the background image in the slider is not resizing as are the other images when adjusting screen widths? * [http://macrodiver.com](http://macrodiver.com) * thanks Viewing 15 replies - 1 through 15 (of 17 total) 1 [2](https://wordpress.org/support/topic/resizing-issue/page/2/?output_format=md) [→](https://wordpress.org/support/topic/resizing-issue/page/2/?output_format=md) * [Borko](https://wordpress.org/support/users/media-x/) * (@media-x) * [12 years, 11 months ago](https://wordpress.org/support/topic/resizing-issue/#post-3706166) * Adjusting just fine at my end. The only difference is the orientation of the images (landscape and portrait). * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 11 months ago](https://wordpress.org/support/topic/resizing-issue/#post-3706167) * I had to add padding to see your slider background image and yes, it was not resizing like the other images. It was skewing. Hopefully this CSS should stop that: * ``` background-size: 100%; ``` * Thread Starter [dmd54](https://wordpress.org/support/users/dmd54/) * (@dmd54) * [12 years, 11 months ago](https://wordpress.org/support/topic/resizing-issue/#post-3706173) * ok – tried the background size but it wasn’t working. * If you can, take a look now. the background is there and both slider and bg are resizing but the slider is being pushed below the background image. is that the right way to do this? then use a negative margin to position the slider? * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 11 months ago](https://wordpress.org/support/topic/resizing-issue/#post-3706174) * You can do what you had before, have it a background image instead of an actual` `. That’s the correct way. Alternatively use absolute positioning. * Thread Starter [dmd54](https://wordpress.org/support/users/dmd54/) * (@dmd54) * [12 years, 11 months ago](https://wordpress.org/support/topic/resizing-issue/#post-3706179) * I’m sorry but I don’t get what’s going on. I put it back in as a background image under the featured image div but now it again does not resize properly. * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 11 months ago](https://wordpress.org/support/topic/resizing-issue/#post-3706180) * I don’t see a background-size style in your stylesheet (if that’s where you’re making the change) * It should be on this style; * ``` #featured-image ``` * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 11 months ago](https://wordpress.org/support/topic/resizing-issue/#post-3706182) * Try making your changes through this plugin [http://wordpress.org/extend/plugins/custom-css-manager-plugin/](http://wordpress.org/extend/plugins/custom-css-manager-plugin/) * Thread Starter [dmd54](https://wordpress.org/support/users/dmd54/) * (@dmd54) * [12 years, 11 months ago](https://wordpress.org/support/topic/resizing-issue/#post-3706186) * I am editing in the site style sheet. * #featured-image { margin: 10px 10px 35px 10px; background: url(“[http://macrodiver.com/wp-content/themes/macrodiver/images/slide-bgsm.png”](http://macrodiver.com/wp-content/themes/macrodiver/images/slide-bgsm.png”);); background-size: 100%; } * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 11 months ago](https://wordpress.org/support/topic/resizing-issue/#post-3706188) * I tested it out by adding padding of 50px to `#featured-image` and resizing the browser. I could not find an issue [[screenshot]](http://awesomescreenshot.com/0b0180jk3d). * The only issue I can see, which is easily resolvable as you know, is the repeated background. * Are you looking at a particular browser? * Thread Starter [dmd54](https://wordpress.org/support/users/dmd54/) * (@dmd54) * [12 years, 11 months ago](https://wordpress.org/support/topic/resizing-issue/#post-3706202) * All right. It works full screen but the padding is too much when resized for mobile. * thanks for the help. * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 11 months ago](https://wordpress.org/support/topic/resizing-issue/#post-3706203) * Remember, padding, just like any other value, can be added using pixels, percentages, em, centermetres, inches, etc. I think percentages or em will be suitable. * Thread Starter [dmd54](https://wordpress.org/support/users/dmd54/) * (@dmd54) * [12 years, 11 months ago](https://wordpress.org/support/topic/resizing-issue/#post-3706207) * yeah, I’ve tried every possible way I can think of and no combination seems to get it working both ways. Beyond frustrated. * [Andrew Nevins](https://wordpress.org/support/users/anevins/) * (@anevins) * WCLDN 2018 Contributor | Volunteer support * [12 years, 11 months ago](https://wordpress.org/support/topic/resizing-issue/#post-3706208) * If all fails you can just use a media query to remove/reduce the padding at mobile size: * ``` @media all and (max-width: 480px) { } ``` * [Borko](https://wordpress.org/support/users/media-x/) * (@media-x) * [12 years, 11 months ago](https://wordpress.org/support/topic/resizing-issue/#post-3706209) * I would suggest playing around with the padding for the title under the slider image. It has 40px top padding. I’ll post the css solution as soon as i load your site. Seems like you’re workin’ on it and it’s wont load atm. * Thread Starter [dmd54](https://wordpress.org/support/users/dmd54/) * (@dmd54) * [12 years, 11 months ago](https://wordpress.org/support/topic/resizing-issue/#post-3706315) * thanks – i’ll try adjusting the padding on the title. Viewing 15 replies - 1 through 15 (of 17 total) 1 [2](https://wordpress.org/support/topic/resizing-issue/page/2/?output_format=md) [→](https://wordpress.org/support/topic/resizing-issue/page/2/?output_format=md) The topic ‘resizing issue’ is closed to new replies. ## Tags * [box size](https://wordpress.org/support/topic-tag/box-size/) * [image](https://wordpress.org/support/topic-tag/image/) * [resize](https://wordpress.org/support/topic-tag/resize/) * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 17 replies * 3 participants * Last reply from: [dmd54](https://wordpress.org/support/users/dmd54/) * Last activity: [12 years, 11 months ago](https://wordpress.org/support/topic/resizing-issue/page/2/#post-3706333) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics