@Guenni007, thank you for your advice on the jQuery. I’ve updated the functions.php file per your suggestion and all appears to be in working order.

I think we are good for now. Feel free to close this topic. Thanks again!

Rikard,
Thank you for your response. I reread what I wrote and I don’t think I explained the issue very clearly.
If you scroll down on the page and click on the red ‘load more’ button a dark overlay appears on the screen as if the next few rows of masonry are loading, however nothing happens. The new rows don’t load and the page seems to be stuck with the dark overlay and nothing else happening.
If you could please try to click on the load more you may have the same experience. I’ve tried Chrome, Edge and Firefox with the same result — the rows don’t load.

Mike,
Thank you for your reply and for your help. Your suggestion worked great for that page, but we are using the widget ion other pages as well. I’ve added the following to the CSS:

.page-id-452 #av_section_3 {
z-index: 0;
position: relative;
}
.page-id-717 #av_section_1 {
z-index: 0;
position: relative;
}

Page id 452 worked as you recommended. Page id 717 the calendar still appears behind the content below it even though the widget is the same and the section id # was adjusted in the css. I’ve added the page links in private content for you to see.

Since we are using this widget on different pages, might you have a suggestion that would be more ‘global’? Thanks, again!

Thank you, Yigit. I appreciate you checking into LayerSlider and will watch for the next release of Enfold with LayerSlider 7.7.11 applied.
Any idea if the latest release of WordPress 6.3 will have any bearing on this? I’m guessing not, but thought I’d ask anyway.

Oops! I gave you the wrong link in Private Data. Let me try that again.

Nikko,

Thank you for your reply. That almost worked great. The curved border was still showing and also I want the container background to be the same as the buttons so it looks like a ‘bar’. What I ended up with is below. I gave the element a custom style, value-prop-menu, but when I use the custom style on the 2nd style it doesn’t work. Does “avia-builder-el-1” only apply to that particular element? I want to be able to use the button row elsewhere without these styles.

.value-prop-menu .avia-buttonrow-center {
margin-top: 0;
background-color: #00853e!important;
opacity: .9!important;
}
body .container_wrap .avia-builder-el-1 {
margin-top: 0;
background-color: #00853e!important;
opacity: .9!important;
}

Thank you for the script. It works beautifully, but they prefer having the navigation slider above it throughout the entire site. How would we go about setting it that way?

It would be nice to be able to change the image from the dashboard, but if that is not possible it is ok. The priority is the image above the navigation.

We are all set. Please close this ticket. Thanks.

Hi, I have realized my topic heading is vague. I really need to know if the instructions on customizing the tabs are correct. They don’t work for me. Can you please help?

Thank you for this information. That helps a lot. Just a couple of questions:

1. Can you recommend the best way to add — before and after the subtext? In other words, “– Subtext –“, but with mdashes instead of hyphens. When I add mdashes to the functions.php it doesn’t do anything. A screenshot of the graphic logo is in private content to show you what I mean.

2. What can be done to move the text of the logo over to the left so it is more in line with the page titles of the website, without resorting to a negative left margin setting (see link in private content).

We appreciate your help as always!

Thank you, Nikko!