Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 8, 2023 at 5:45 pm #1377990
    Restel-Vietz

    Hello,

    i am trying to set up the following:

    I have 6 Buttons which should reveal a specific text, once hovering above the button itself.

    ButtonA should reveal TextA
    ButtonB should reveal TextB

    I cant get it working. Is there any documentation or even build-in functionality?

    I´ve tried it with the following CSS:

    TextA {
    visibility: hidden !important;
    }
    .ButtonA:hover +.TextA {
    visibility: visible !important;
    }

    Thx in advance – Nic

    • This topic was modified 2 years, 6 months ago by Restel-Vietz.
    January 8, 2023 at 7:40 pm #1377995
    Mike

    Hey Restel-Vietz,
    Thanks for the link to your page, but the 6 buttons look like they are in a LayerSlider so I don’t know if there is a way to do that in the LayerSlider.
    But if you want 6 buttons on the left reveal different text in the same space on the right try using the tab element and choose the Tab Position to the side
    Enfold_Support_0042.jpeg
    Enfold_Support_0043.jpeg
    You can make the tabs look a little more like buttons with this css:

    .main_color .tabcontainer div {
	border-color: transparent;
}
.main_color .tabcontainer .tab {
    color: #000;
    background-color: #fff;
}
.js_active .tabcontainer .tab {
	float: none;
	text-align: center;
	box-shadow:0px 0px 0px 2px black inset;
}

    My demo example:
    Enfold_Support_0044.jpeg

    Best regards,
    Mike

    January 9, 2023 at 2:26 pm #1378024
    Restel-Vietz

    Hello,

    i am not to happy with that solution – as i have a specific design in mind – and i guess i wont be able to recreate this outside of advanced layer slider.

    Thanks anyways for your fast answer!

    Best regards, Nic

    January 9, 2023 at 2:39 pm #1378025
    Restel-Vietz

    By any chance, would you happen to know how to jump to a specific slide on clicking a specific button? Or should i open another thread for that question?

    EDITED: Nevermind – easy to setup up such an element with “actions”

    • This reply was modified 2 years, 6 months ago by Restel-Vietz.
    January 9, 2023 at 7:39 pm #1378043
    Mike

    Hi,
    Thanks for the feedback, I see your last message is “Nevermind” shall we close this then?

    Best regards,
    Mike

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