Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #656938

    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

    #658002

    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

    #658029

    Hi Andy,

    Thanks for your reply.
    Unfortunately this doesn’t work for height and responsiveness.
    Any other ideas?

    Best regards,
    Matthijs

    #658059

    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

    #658077

    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

    #658101

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.