-
Posts
-
Hi!
I try to give the fullwidth easy slider a custom height by adding the following css code:
.avia-slideshow-inner { height: 700px !important; }This works fine, but when I resize the browser window it shows a white space between the slider and the color section beneath. How can I fix this.
Thanks in advance.
Hey mrijnders!
Thank you for using Enfold.
Please post the link to the actual page with the slider. We would like to check it. You can use media queries to adjust the height of the slider on different screen sizes. Please refer to this link: http://css-tricks.com/css-media-queries/
Best regards,
IsmaelHey!
It’s because of height: 700px;
Why do you want to use this? why not leave it on auto? or 100%? than the white space would disappearRegards,
AndyHi!
There are two alternatives, one it’s to apply this rule only to certain screen size, i think it should be 1500px+:
@media only screen and (min-width: 1500px) { .avia-slideshow-inner { height: 700px !important; } }Or set the height of the images to 700px too, this will make them look stretched though:
.avia-slideshow-inner, .avia-slideshow-inner img { height: 700px !important; }The problem is that the slider uses the image as an actual image (
<img />) while the color section uses it as a background (style='background-image..), this difference makes it impossible to have them behave equal.Cheers!
JosueIs it possible to replace the slider by a slider from a Theme like Traffica?
Gr.
Ton Konings
Utrecht
The NetherlandsHi!
Technically possible but it would require custom work, unfortunately we can’t assist with that as it falls beyond our support scope. What are you trying to achieve exactly (in desktop and mobile)? perhaps we can help you find a Enfold-based solution.
Regards,
JosueDear Josue in the current Enfold situation a large slider image is presented with the possibility of putting informative text within that image. One has to scroll (in desktop and phone) to see additional text or other items and information.
I have a strong preference for a situation where no scrolling is needed to see a “clean” picture next to informative text (as presented in the Traffica slider). An alternative possibility might be a full width image with limited height and underneath informative text. But that situation requires pictures with special dimensions and therefor limits the possibilities.
Regards,
TonHey!
Have you tried using LayerSlider? you can have full control of how the text and image is positioned.
Regards,
JosueThanks Josue,
I bought the Enfold theme. The LayerSlider is intergrated. I do not see how to adjust the dimensions of the image or get control of the position of text and image as you mention. Can you, please, instruct me how to change the setting?
Ton
Utrecht
The NetherlandsHi!
What do you want to change in the current slider? (i supposing it is on the page you linked here).
Regards,
Josue
- You must be logged in to reply to this topic.