Larger image in slider
-
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!
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?!
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-indexbut 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:
???
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
!importanttag 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.
