How can I make a showcase featured slider full width?

saasalmegall · Member · Apr 15, 2013 at 9:07 pm
Copy link

Add topic to favorites
HELLLLLP!!

I’ve been trying to make my featured slider in the oxygen theme full width (940px) instead of the normal 750px. I have managed to make the container to the full width and the pictures are full width but some how they are being cropped. I think it may be something to do with the dummy slider on the template at 750px…. I’m new to CSS, I’ve tried everything can someone take a quick peek and point me in the right direction? I’m sure its easy for you clever guys:)

http://www.saasalmegall.wordpress.com
designsimply · Member · Apr 17, 2013 at 2:36 pm
Copy link
The trouble in this case is that the featured images are added in at a set size in the PHP code, not CSS. With CSS, you can stretch or adjust the size of those set images, but you cannot change the original size they’re inserted as unless you have access to modify the PHP code. Adjusting the size of an image with CSS that way is possible but you should know that it will compromise the quality of the image because you’ll essentially be upscaling it. Sometimes, the hit in quality is worth it, sometimes it’s not. It depends on the quality of the original image and how much you stretch them.

Here is an example so you can see what I mean:
```
#featured-content article a img {
	width: 940px;
	height: auto;
}
#featured-content,
.featured-wrapper {
	height: 370px;
}
```
saasalmegall · Member · Apr 24, 2013 at 9:40 pm
Copy link
Fab,
Works a treat, thank you for your help! :)

No items found.