Larger image in slider

  • KingSwiff

    #9545

    In the slider I want the images to be larger, so they fill the hole slider from top to bottom. Now they are “stopped” at the headline, but the headlines are all very small, so there will be enough space for it.

    I have tried 1000 ways, non of them worked – any idea to make it work?

    Thanks!

    Anonymous

    #43902

    Is this the site? http://test.bedste-test.dk/

    If so, can you put an image in the slider so I can see how it currently is?!

    KingSwiff

    #43903

    Yes, thats my test site before going live.

    Now there is an image in all slides.

    Anonymous

    #43904

    Basically the <div> container of the image stops at the <div> container of the slider title and you want the image to overlap the title’s <div> in order to use bigger images.

    This is what I found on Google: http://stackoverflow.com/questions/7064779/image-over-div-container

    http://www.w3schools.com/cssref/pr_pos_z-index.asp

    Maybe try fiddling around with the z-index but I’m not sure on what CSS class to apply this for the image.

    Slider Title:

    .slider_post h2 a, .slider_post h2 a:visited {
    }

    Slider Image:

    ???

    KingSwiff

    #43905

    Thanks for trying to help. The problem is, that I don’t know the class for this item.

    I have tried to add a float: left; to all classes containing img and slider just to find the class – non have worked. Its like the images has no class 🙂

    Anonymous

    #43906

    Is the slider content always the same or does it display newest posts?

    I found the following classes in the original style.css:

    .sliderpost_featured_image {
    float: left;
    margin: 4px 1em 12px 0;
    }
    .sliderpost_featured_image img {
    }

    Maybe you can add the 2 classes to your child theme’s style.css and play around with it and see if something changes. Also test the values with the !important tag if nothing changes.


    If the above doesn’t work I would try the following class (it’s one of the images in your slider)

    .alignright.wp-image-297.size-full {
    }

    KingSwiff

    #43907

    The pages in the slider will always be the same 4-5 pages.

    I did try all these things you suggest, found the classes and make changes and used the !important, but the image don’t care 🙂

    The funny part is, if I take the page 197 (same as “Om siden”) and float the image left, it work on the page – but if I then put that page into the slider, BOOF, the float have no effect and. I can also ad an border on the page, no effect in the slider. So weird.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.