WordPress.com Forums » Topic: Increase photo size in Sight slider

designsimply on "Increase photo size in Sight slider"

designsimply — Fri, 22 Feb 2013 19:06:15 +0000

I came up with an example that actually stretches the theme width by 100px but doesn't affect the slider images:

.site {
	max-width: 1075px;

}
.site-header a.header-link {
	width: 100%;
	background: url('YOUR_IMAGE_URL') no-repeat;
}
.main-navigation {
	width: 100%;
}
.featured-wrapper,
.featured-nav-wrapper {
	width: 100%;
	max-width: none;
}

Replace YOUR_IMAGE_URL with a link to an image that matches the max-width value you choose for ".site", which is 1075px in the example above.

And then if you also want to stretch the slider images, add this:

.featured-thumbnail img {
	width: 700px;
	max-width: none;
}

I live near the Adirondacks, and I love the mission of the http://usfwsnortheast.wordpress.com/ site!

usfwsnortheastblog on "Increase photo size in Sight slider"

usfwsnortheastblog — Tue, 19 Feb 2013 12:58:37 +0000

Hi there! The blog is usfwsnortheast.wordpress.com. Thanks for your help! I'm referring to the images in the slider.

designsimply on "Increase photo size in Sight slider"

designsimply — Sun, 17 Feb 2013 22:41:19 +0000

Well, you can try to stretch images, but featured images are a set size determined by a theme's PHP code (not CSS) and so if you try to make them bigger than what the theme has set, the images can end up looking a little pixelated or blurry. Sometimes the quality offset is acceptable.

I'm not 100% sure which images you're referring to though. Would you please provide a link to the WordPress.com blog you're working on and point out a specific image?

usfwsnortheastblog on "Increase photo size in Sight slider"

usfwsnortheastblog — Tue, 05 Feb 2013 02:57:13 +0000

Hello! I was just testing the Sight theme and am wondering if you can change the slider image size (I was able to edit the container to be larger).

For example, I found this code that worked to decrease the size: `.featured-thumbnail {
float: left;
margin: 0 2.5em 2.5em 0;
width: 10%;
}`

Is there anything I can do like this that increases the slider photo size?
I would like to make the featured photos larger on the home page feed (not the slider photos).

Thanks!