I see you around for years in this forum. Your contribution is awesome! Thank you very much! I’m going now to try with your code.

On your first example, there is a little “box” on the top of the scroll section. From my tests, if you set custom width for columns, that little box turns funny and take a totally random shape and size. Perhaps I did something wrong…

I’m looking to get exactly the same result as the examples I sent in here: https://colorlib.com/etc/tb/Table_Fixed_Header/index.html
But perhaps this is impossible without changing the way Enfold generates tables. From what I know, it takes a custom class at some section that enfold doesn’t automatically generates. And it’s way too hard for me to figure out how to solve that trough JS.

Thank you again, will make some new tests based on your page.
Regards,

Hi, I am a website designer and a big fan of that theme, but I stopped using it in 2020 because demo importing is such a hassle. Every time I try, it shows different errors, the most common one being, “Download of files for demo Shop Demo didn’t work! You might want to try reloading the page and then try again.” I’ve searched for solutions on YouTube and many other platforms but haven’t found any. The theme creators don’t even have a YouTube channel to explain these issues. It feels like they created the theme and then went on vacation for life, leaving users like me in trouble. There’s no helpline, no contact form, and no live chat option. I’m feeling exhausted. Can someone please help me?

try : https://kriesi.at/support/topic/sliders/#post-1463446

you can do that by subtext option – this inserts f.e. the bloginfo name and description as text.
– but you do not need to insert these dynamic texts – you can insert simple html too
( this inside child-theme functions.php)

add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub)
{
  $sub .= "<h1 class='logo-title'>";
  $sub .= get_bloginfo( 'name', 'display' );
  $sub .= "</h1>";
  $sub .= "<h2 class='logo-title logo-subtitle'>";
  $sub .= get_bloginfo( 'description', 'display' );
  $sub .= "</h2>";
  return $sub;
}

then you can set logo img to display none – and style the text via quick css too ( positioning; font-size; colors etc. )
btw: : you can see that here on top with logo and text. this “kriesi.at” and “Premium Themes” is placed that way ( but only in strong tags)

PS: you can insert this way dynamically the page title as second text by replacing in the code above

$sub .= get_the_title();

f.e.:

#top .logo img {
  display: none
}
#top .logo,
#top .logo a {
  overflow:visible
}
#top .logo-title {
  font-size:12px;
  color:#000;
  position:absolute;
  left:0px;
  top:-7px;
  white-space:nowrap
}
#top .logo-subtitle {
  color:#aaa;
  top:7px
}

is it a fullwidth or a fullscreen slider that is needed?
your link goes to easy-slider – the part below shows fullscreen slider.

Do you have for each slide a different rotator text? Or should the rotator text lay over all slides and is synchronized on slide-change/rotator text change ?

you can insert the enfold shortcode to caption input field of first slide, then on styling tab of the slider there is the option : “Use first slides caption as permanent caption” ( There will be warnings on doing that – but ignore them )

see: https://webers-testseite.de/tiago-slider/

there is no default option on slide stop on hovering the slides.

if you are using image Element for that – just go to advanced tab on the image elmenent and choose as “Image Link”: set manually.
Insert the url of that new image to show in lightbox.
As long this is an image it will open then automatically in the lightbox: https://webers-testseite.de/custom-link-to-lightbox/

easiest way to hamper that lightbox opening would be a media query to set pointer-events to none for that link.

if you like to have more selectivity – then use custom-class on the image element.

@media only screen and (max-width: 899px) {
  a.avia_image.lightbox-added {
    pointer-events: none;
  }
}

for that close button you can shift it f.e. into the image – or to the right side of the image

test:

div.avia-popup .mfp-close {
  right: 5px;
  top: 45px;
  background-color: rgba(0,0,0,0.3);
}