Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 22, 2024 at 4:28 am #1467605
    sky19er

    Hi, I’m wondering if there’s any way to make the visible content in a fold/unfold element clickable. I have some news coverage listings I’d like to hide with the fold/unfold function, but it seems weird to me that the users can’t click on the visible listings — they have to click the unfold link before anything’s clickable, it seems. Here’s a test page to show what I’m referring to: https://century.org/unfold/ — thanks and lmk if you have any questions.

    September 26, 2024 at 11:44 am #1467871
    Yigit

    Hi,

    Please try adding the following code to the Quick CSS field in the Enfold theme options > General Styling > Quick CSS:

    
#top .avia-fold-unfold-section .av-fold-unfold-container.folded::after {
  z-index: -1;
}

#top .avia-fold-unfold-section .av-fold-button-wrapper {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(100%, white));
  padding-top: 20vh;
  margin-top: -20vh;
}

    If you’d like to see this implemented in Enfold, please feel free to request it at https://github.com/KriesiMedia/Enfold-Feature-Requests.

    Regards,
    Yigit

    September 26, 2024 at 8:59 pm #1467894
    sky19er

    Perfect, awesome, thank you so much! I also added my own class to the columns and added some css to adjust the height to taller than the max 500px allowed in the options (just in case this helps anyone else):

    .taller .avia-fold-unfold-section .av-fold-unfold-container.folded {
    max-height: 1000px !important;
}

    Thanks again!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘make fold / unfold visible content clickable’ is closed to new replies.