Hi,
Thank you for your patience and for the login, to ensure that the following custom css doesn’t interfere with other pages or elements I recommend adding a custom class to this blog element which you can use everywhere on your site that you want this effect, for this example we will use aktuell

then to hide the date and change the font size & line height we will use this css rule:

.aktuell > div > div > article > div > .slide-entry-excerpt {
	font-size: 10px;
	line-height: 12px;
}
.aktuell > div > div > article > div > .slide-meta {
	display: none;
}

I was not sure how small you wanted the text so I guessed, feel free to adjust.

the results:

Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad Rikard could help you sort this out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Happy to help, we will leave this open until you let us know that it can be closed, thanks for using Enfold.

Best regards,
Mike

Hi,
To correct the lock symbol from disappearing on hover please add z-index to your css like this:

#menu-item-18120 a:before {
    font-family: 'entypo-fontello';
    width: 10px;
    height: 10px;
    display: block;
    position: relative;
    color: white;
    content: "";
    float: left;
    left: 10px;
    z-index: 1;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey NikoArq,
Thank you for your patience and for the link to your test page, when I check only the first slide has all on the layers to the left, all of the other slides are centered including the button, even when I change the window size. While there are many options in the layerslider it is hard to say from the outside what could be causing this, I would imagine it would be something like the layer alignment on this one slide:

Do you agree that the issue is only on the first slide? If this is a premium slider from the layerslider site then there is a chance that the first slide is using a premium Slide Transition that is not included with the built-in version.
If you bought the premium version then you need to deactivate the bundled version at Enfold > Layout Builder > Integrated (Bundled) LayerSlider Plugin and add the premium version plugin.

Best regards,
Mike

Hey Eleina_Shinn,
Thank you for the links to your site, on the /member-benefits/ page the line above the “Sign Up for Our Email Newsletter” section is from the footer background color, try this css:

#footer-page.footer_color {
	background-color: transparent;
}

For the second site it was the border and background color, so try this css:

#footer-page.footer_color {
	border-color: transparent;
	background-color: transparent;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for your patience and for the links to your site, I found that the backwards lightbox arrow is from this css rule:

div.avia-popup button.mfp-arrow:before {
    content: "\e87d";
    font-family: "entypo-fontello"
}

in the cache file /used.min.css
in this cache file the original mfp-arrow css is on lines 9614-9619 with the mfp-arrow-left trailing as it needs to be:

but this rule is added again on line 11853 after the previous mfp-arrow-left rule causing a conflict:

I believe this is probably added in your custom css somewhere but I can’t tell by looking at your cached css, so try to see if you added this somewhere and remove it and then clear all of your caches.

Best regards,
Mike

Hey natashawalker1,
Thank you for your patience and for the link to your site, the main trouble with your request is that when the testimonials are shown as a grid they are all showing, so what would you show when they change? When the testimonials are in slider mode only one testimonial is shown at a time.
I did come up with a solution where if you have two testimonial elements showing 3 testimonials in a grid each, then we could toggle between the two elements every 8 seconds. But I couldn’t do this on your site because you are using Enfold v4.5.7 and in that version, the testimonial element doesn’t have the custom class option, so you will need to update your theme, but I will explain how to do this.
First, on your page create two testimonial elements each with 3 different testimonials

The add the custom classes first & last to them:

Then add this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

.avia-grid-testimonials.last {
	display: none;
}

Then add this script to the end of your functions.php file in Appearance ▸ Editor:

function custom_script() { ?>
    <script>
(function($) {
	setInterval(function(){
     	$('.avia-grid-testimonials').toggle()
},8000);
}(jQuery));
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

Now you can have two grids switching back and forth, and each grid can be as many elements as you wish but try to have the two use the same number of items. But please note that the switch is sharp without any animation, I tried to add some animation but the timing proved to be very tricky so the plain toggle worked best.
Hopefully, this will help you.

Best regards,
Mike

Hi,

@seomar thank you for the link to your page and I see the tab section beginning with “Precios estándar” but the tabs are showing expanded and do not close or open on click, on desktop or mobile. I see you have a javascript error in the browser console but since you are using a caching plugin it doesn’t help. Please disable all of your caching and the theme JS & CSS file merging, and include an admin login in the Private Content area so we can take a closer look.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
If you are using a child theme you can override the masonry element with your own by copying the whole /masonry_entries/ directory to your child theme and modifying the masonry_entries.css
/enfold/config-templatebuilder/avia-shortcodes/masonry_entries/masonry_entries.css
by changing the padding on line 441
but this seems it would be a lot more work for you than simply adding the needed css to your custom stylesheet or the Quick CSS field.

Best regards,
Mike

Hi,
Sorry that this has impacted you, but this change was to correct an error that other users were reporting, I imagine in your situation you didn’t notice the error, but as you can see from the screenshot without the padding the element is left aligned.

Best regards,
Mike

Hi,
Thanks for the screenshot, I’m not seeing that on my Mac with Safari v14.1.2, what version of Safari are you using? You are using a Mac desktop and not an iPad to see this error right?
I don’t think this is a caching issue, but I don’t know what it could be from, the key steps above was to:
1: enable the Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files option
2: go to Enfold Theme Options ▸ General Styling ▸ Quick CSS field and add a blank space so to allow you to save the theme options again (big blue button) – *this rebuilds the css files
3: then clear your Safari cache, and note step 4 where you should Clear the History
I note earlier you said the you are not seeing it in Chrome on your Mac, so I’m stumped also.
Please let us know what version Mac & Safari so we can compare. I’m asking our team to check on their machines to see if anyone a duplicate.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike