Full width slider problem

  • Anonymous



    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



    I cant help you but I am curious how you managed to get a Full width slider?




    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


    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.

Viewing 10 posts - 1 through 10 (of 26 total)

  • You must be logged in to reply to this topic.
Graphene Themes Forum