However, when displaying the same album using the same shortcode in Advanced Tabs, I lost several controls on the lightbox. Lost functionality to scroll images in album by clicking on right/left side of the image. Lost browser navigation buttons.
During development, it throws an error. However, this error is not seen at execution.
I’m wondering if there is a way to add a custom link to a tab instead of using a template or content (text editor).
I’m trying to achieve this using a JS snippet, but I still can’t get it to work.
I appreciate some guidance to hopefully address this client requirement.
Thanks in advance,
LB
add_action( 'wp_footer', function () { ?>
<script defer>
// Select the target "li" element and the "span" element within it
const targetLi = document.getElementById("my-custom-tab-ID");
const titleSpan = targetLi.querySelector(".eael-tab-title.title-after-icon");
// Create the "a" element with the link and target attribute
const newAnchor = document.createElement("a");
newAnchor.;
newAnchor.target = "_blank";
// Extract the title text from the span
const titleText = titleSpan.textContent;
// Wrap the title text with the "a" element
newAnchor.textContent = titleText;
titleSpan.textContent = ""; // Clear the existing text in the span
titleSpan.appendChild(newAnchor); // Add the "a" element as a child of the span
</script>
<?php } );Rather than trying anything too complex, I wondered if anyone could please help me add a transition between the tabs?
A one second fade up before seeing the tabs content would hopefully hide the worst of it.
Thank you very much in advance.
This was the code I was trying, but I think I am barking up the wrong tree:
.eael-advance-tabs .eael-tabs-content>div.active {
animation: fadeInAnimation ease 3s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}This is with WP 6.2.2, theme “Twenty Twenty-One” and a freshly installed Essential Blocks plugin.
]]>Hope you can help me with the issue I am having with advanced tabs.
I made an anchor point as in your tutorial https://essential-addons.com/elementor/docs/open-a-specific-accordion/ but the issue here is that I use tabs in vertical position. Lets say there are 20 tabs lined up vertically and when link which redirects to specific anchor point is clicked, it redirects to bottom tab. But the thing is that after redirection to bottom tab, I need to scroll back up to the top of the page to see the content of this tab (because anchor point is at the bottom of the tab list).
Are there any way to make, that after redirecting to specific anchor point, I would be at the top? So that after redirecting selected tab is opened, but I would be at the top of the page – so I wouldn’t need to scroll to top to see the content of that tab.
Any advices would be greatly appreciated.
Thanks!
]]>There seems to be an issue with the display of the content using Advanced Tabs when using the ‘Saved Templates’ option. As you will see in the image linked below, the content from the Saved Template is spread out all along the entire column and part of it is hidden under then vertical tabs, instead of staying within its own section.
https://postimg.cc/QH8spYqJ
What is weird is that it looked completely fine yesterday when I was editing it in the backend but on the frontend, it displays improperly.
Regards.
]]>
link to the page: https://3dprintingratings.com/filament-reviews/ what could it be?