Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 18, 2024 at 11:07 am #1473888
    abortolotti

    HI there,

    I’d need to find a solution to make the text more easily readable, how can I change the background default white color of the fold/unfold activated text block container so it’s not white but it is a darker grey or beige?

    I herein attach two screenshots to show what I mean.

    Need to have an overlay bacgkround color for the textbox part, so text reads better

    Also, is it possible to make sure that when the text unfolds and the image is enlarged/zooming, the person doesn’t slide to the left and gets cut off in half, but it remains front and center, or it slides to the right?

    Thank you for your support. Love Enfold!

    December 18, 2024 at 11:36 am #1473892
    Guenni007

    first – maybe you decide not to have this immense padding of 100px of that cell – because expanding the content will end in a very hight container.
    next: set for the background-image position : bottom center.
    put this to your quick css and adjust to your needs:

    #top .av-fold-unfold-container.unfolded {
  background-color: rgba(0,0,0,0.3);
  border-radius: 15px;
  padding: 10px;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}

    if you like to have a semi-transparent white bg – change to rgba(255,255,255,0.6)
    but then i would change font color to f.e. #333

    #top .av-fold-unfold-container.unfolded p {
  color: #333;
}
    December 18, 2024 at 12:18 pm #1473894
    abortolotti

    Thank you so much @Guenni007 for the prompt reply and help, really appreciated :)

    I’ll do as you suggest.

    December 18, 2024 at 4:52 pm #1473921
    Rikard

    Hi,

    Thanks for helping out @guenni007 :-)

    Best regards,
    Rikard

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