Larger image in slider

  • KingSwiff


    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?




    Is this the site?

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



    Yes, thats my test site before going live.

    Now there is an image in all slides.



    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:

    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:




    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 ๐Ÿ™‚



    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 {



    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.
Graphene Themes Forum