Photo configuration with demo

Tagged: Photo configuration

This topic has 5 replies, 2 voices, and was last updated 8 years ago by Wes.

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

Author

Posts
April 10, 2016 at 12:58 pm #17723
Sunnyworld
Customer
Hello!

I have searched this forum and can’t seem to find an answer to my question, I have spent the last 5 hours resizing and uploading the same image (which are high quality, large images) for the front page demo background pictures.

I have tried the what’s stated in the documentation: 1800 x 1200 and then what’s stated in the wordpress customise section: 1600 x 1050. I have also tried multiple other widths and the one that seems to still stretch all the way across is 1300 x 900 (or thereabouts).

Why I have gone to a lower width is that the images when they are in the thumbnail in the customiser look great proportion wise, but they show up too large when it’s uploaded. I want the proportions to be the same as the thumbnails in the customiser. I’ve played with both horizontal and vertical pics as well – which have large pixel sizes, so can be reduced to any width.

Any suggestions? I’ve tried everything I can think of!

Thanks so much,

Sunni
April 11, 2016 at 8:06 pm #17731
Wes
Moderator
Do you have a link to your site so I can check it out?
April 12, 2016 at 7:03 am #17741
Sunnyworld
Customer
This reply has been marked as private.
April 12, 2016 at 10:59 am #17743
Wes
Moderator
On my end the images look the exact same as what is displayed in the Customizer. Keep in mind, that the images in the background are responsive, so they are designed to adjust depending on the size of the browser/screen.

I did fix a small issue that showed up in your first image. On certain screen sizes it would show white space on the sides. I commented out this code here –
```
@media only screen and (max-width: 1800px) {
	
	/*.front-page-1,
	.front-page-4,
	.front-page-5,
	.front-page-7,
	.front-page-9,
	.front-page-12 {
		-webkit-background-size: auto;
		-moz-background-size:    auto;
		background-size: auto;
	}*/

}
```
This is located near the bottom of the CSS file in the responsive section.

Everything else looks fine to me. If there is a specific area that isn’t showing right on your end, just let me know.
April 13, 2016 at 11:55 am #17761
Sunnyworld
Customer
Thanks so much Wes once again for your great assistance.

The first picture still looks a little big for me, but I asked my friend to have a look on her computer and she says it looks good, so we’ll go with that! 🙂

The rest of the pictures seem to be looking better somehow now too.

Thanks once again! Sunni
April 14, 2016 at 11:50 pm #17797
Wes
Moderator
You’re Welcome!
Author

Posts

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

The topic ‘Photo configuration with demo’ is closed to new replies.