Hi Kriesi,
I have a post where I don’t use the advanced layout builder.
To insert an image, i’m inserting the advanced layerslider between paragraphs.
I would like the image to be wider than the text in the <p> The image is 1025px, the text about 600px..
I can’t get the image of the slider to be wider.
Do you have a solution for this?
Kind regards,
Matthijs
Hey mdekievit,
try this code inside Quick CSS field:
html * .ls-container img, body * .ls-container img, #ls-global * .ls-container img {
width: 1025px !important;
}
.ls-slide.ls-slide-1.ls-animating {
width: 1025px !important;
left: -32% !important;
}
and adjust as needed.
Best regards,
Andy
Hi Andy,
Thanks for your reply.
Unfortunately this doesn’t work for height and responsiveness.
Any other ideas?
Best regards,
Matthijs
Hi,
just add a height value to my code.
Add some media queries for mobile, like:
@media only screen and (max-width: 989px) and (min-width: 768px) {
}
For more infos: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
Best regards,
Andy
Andy,
Thanks for your reply and link.
I’ll sort it out. Am I the only one with this problem? Seems to me that I used the functionality out of the box.
Best regards,
Matthijs
Hi!
We have not had any other report for it, but some times it happens for users to have different issues, even on started theme
Please feel free to let us know if we can do anything else for you
Cheers!
Basilis