Full width slider problem
-
Hi
I have a full width slider on my homepage (960×230 px) http://filmbomben.dk
But somehow the slider image is moved about 30 px to the left, leaving about 30 px of the next slider img visible…I want the slider img to be fully visible.
I have double checked that my slider img has the right size (960px)
Is there a good simple solution for this problem?
Thanks for great theme and support forum
Well it doesn’t work yet 🙂 But it is a combination of removing borders padding and margins (and shadow effects if you want to) and then adjusting the width to the full size of your website (in graphnes standard template it is 960 px). I use the one-colum theme so I adjusted theses classes in my child css:
.one-column .full-sized.featured_slider #slider_root {
width: 960px;
}
Also I just checked in firefox, that the slider is completely misplaced all the way to the right side….weird 🙁
Try adding this to your CSS:
.one-column .full-sized.featured_slider #slider_root {
width: 960px;
float: left;
z-index: 100;
}BTW… your image is only 930px as opposed to the sliders full width of 960px. This is why your image looks “funny” on the far right side of the slider.
Thanks for the quick response
The code totally worked for the firefox problem. cool 🙂
But i still dont understand the other thing 🙁
The image i upload and set as featured image is 960×230 – but somehow it gets croped in the procces.
I tried inserting this code into function.php
add_image_size( ‘featured-image’, 960, 230, true );
But it still crops.
Thanks again
Here is the image the slider is pulling:
background-image:url( http://filmbomben.dk/wp-content/uploads/2011/10/captain-america-logo4-930×230.jpg )
See how it says `930×230′.
Double check this file and report back.
Wow you are quick
Here is a link to the original image I am uploading and setting as featured image
(http://filmbomben.dk/captain-america-logo.jpg)
I double-checked my double check 🙂
Thanks again
You can leave the image as featured.
But try this as well.
Upload your 960px wide picture to a spot on your server. I use
/wp-content/myimages/
.Now, on the post/page you are using with the featured image… Look just below the edit panel and you will see “Graphene post/page specific options”.
Under “Slider options” choose “custom url”. Then enter the url to your photo in the box below.
This should prevent the “cropping” of your image. I think Syahir included a feature which auto crops certain images to prevent them from spilling over. Although, I tried different percentages and couldn’t see how it was going from 960px to 930px.
Anyways, this should take care of the issue.
- You must be logged in to reply to this topic.