Can't get images to fill slider completely.
AnonymousFebruary 19, 2014 at 11:58 pm #8778
I’m experimenting with something I haven’t done before, which is to replace the header entirely with the slider set to full width. I’ve managed to move the navigation menu, and get the top and bottom edges of the slider photos to the edges, but I haven’t been able to get the photos to go all the way to the sides.
I want to either 1) make the background of the slider transparent (preferable), or 2) get these photos to stretch out to the edge.
I’ve been in the forum archives for the last couple of hours and have tried probably 8 or 10 different commands, none of which works for me. I’ve also tried making the pictures larger which also has no impact.
Currently I have the following CSS installed that I found that is supposed to make the background transparent, but this isn’t working:
background: none repeat scroll 0 0 transparent;
The site is http://www.thecruisepaper.com. (Photos installed are just for test purposes) Because of the nautical background, I’d just as soon make the background transparent.
I’ll keep looking, but any guidance would be appreciated.
AnonymousFebruary 20, 2014 at 1:48 pm #42139
Sorry, you entered the code while I was editing my answer, so change that into this:
margin:0 0 20px 0 !important;
To keep the 20px bottom margin.
AnonymousFebruary 20, 2014 at 2:20 pm #42140
Luko, I appreciate your help. That does align it left, but it appears that the graphic is being resized (or cut off).
I looked at my test pictures to make sure they were 960px and they are, yet they still don’t fill up the space, leaving about 20px on the right margin.
Last night I tried using a slightly wider picture, but that didn’t help either.
Any thoughts on why that might be?
AnonymousFebruary 23, 2014 at 7:51 pm #42141
Proud to close this one out! Struggled for days with it before finally starting over and working a piece of CSS at a time.
The answers were out there, just had to dig them up.
You must be logged in to reply to this topic.