Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 2, 2017 at 2:59 am #754033
    Neverlands

    Hello,

    ist it possible to open the content text of a accordion as an overlay?
    I am using 4 columns and the text gets too long vertically.
    Here is an image:
    Link

    This quick css doesn’t work:

    .toggle_wrap active_tc {
    position: absolute !important;
    width: auto !important;
    max-width: 300px !important;
    border-top: 0 !important;
    padding: 0 !important;
    z-index: 30 !important;
}

div.toggle_content {
    z-index: 30;
    overflow: hidden;
    overflow-y: auto;
    border: 0px solid transparent;
    border-radius: 0 0 5px 5px;
    border-top-width: 3px;
    padding: 5px;
    position: relative;
    min-width: 40px;
    max-height: 300px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #930270;
    font-color: white;
}
    March 3, 2017 at 9:22 am #754915
    Rikard

    Hey Neverlands,

    I’m not sure I understand what you are looking to achieve, could you post a screenshot highlighting your intentions maybe?

    Best regards,
    Rikard

    March 4, 2017 at 12:15 pm #755584
    Neverlands

    Hi Rikard,

    thanks for your reply!
    My intention is that – if you click on the accordion “read more” button – the accordion text does not open below but as a box infront of anything else.
    Here is an image: image

    Best regards,
    Neverlands

    March 9, 2017 at 8:40 am #758223
    Vinay

    Hi,

    If you like to get started on your own try the below css

    .toggle_content {
    position: fixed;
    z-index: 9999999;
    width: 80vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

    You will still need to add a jQuery function to close the content window and reset the css styles on the accordion tabs. Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Vinay

    March 9, 2017 at 9:17 am #758251
    Ismael

    Hey!

    I’m sorry but that feature will require modification that is outside the scope of support. Please hire a freelance developer or contact our partner, Codeable.

    // http://kriesi.at/contact/customization

    If you like, instead of the accordion element, you can open an inline content inside a lightbox.

    // https://kriesi.at/support/topic/code-snippet-inline-post-content-popup-magnific-popup-shortcode/

    Cheers!
    Ismael

    March 9, 2017 at 11:07 am #758291
    Neverlands

    Many thanks for your replies!
    Since the new theme update I am now using the Tab Section feature which perfectly fits my needs.

    Best regards,
    Neverlands

    March 10, 2017 at 8:53 am #758749
    Rikard

    Hi Neverlands,

    Great, thanks for the feedback. Please let us know if you should need any further help on the topic or if can be closed.

    Best regards,
    Rikard

    March 10, 2017 at 1:29 pm #758876
    Neverlands

    The ticket can be closed, thanks :)

    March 11, 2017 at 8:14 am #759314
    Rikard

    Hi,

    Thanks for letting us know. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Text Accordion – content as overlay?’ is closed to new replies.