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

    Hi
    how to make the overlay that is on each slide of an accordion slider (https://kriesi.at/themes/enfold-2017/elements/accordion-slider/) stretch over the whole slide?

    marcus

    #1477977

    Hey MarcusJeroch,

    Thank you for the inquiry.

    You can add this css code to adjust the width of the overlay:

    #top .aviaccordion-preview {
        height: 100%;
        width: 50%;
    }

    Best regards,
    Ismael

    #1478022

    Not realy.
    I wanted the OVERLAY beeing stretched – not the content.
    Specific: The text – which is now in some cases cutted off at the end

    #1478080

    Hi,

    Would you mind providing a screenshot of the changes that you’d like to implement? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:

    1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
    2.) Locate the option to upload a file or an image.
    3.) Select the screenshot file from your computer or device and upload it to the platform.
    4.) After the upload is complete, you will be provided with a shareable link or an embed code.
    5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

    Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

    Best regards,
    Ismael

    #1478112

    It is very easy:
    1: Stretch the OVERLAY 100% over the slide so that it covers the whole image
    2: Leave the text-content where it was before

    Here is, what we are talking about:
    https://kriesi.at/themes/enfold-2017/elements/accordion-slider/ (first example)

    marcus

    #1478190

    Hi,

    Thank you for the info.

    Try to replace the css code with this:

    #top .aviaccordion .av-accordion-text-center {
        width: 80%;
        text-align: left;
    }
    
    #top .aviaccordion .aviaccordion-preview-title {
        padding-left: 5%;
    }
    

    Best regards,
    Ismael

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