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

Hi,
Yes, all text elements have paragraph tags in them and also for every [Return] or [Enter] key, I believe this is from the WordPress core.

Using a code block element might work well, good idea, did you have a chance to try it?

Best regards,
Mike

Hi,
The reason the button is not floating to the right is because the css you added has > instead of > typically this occurs when the code is copied from an email instead of the forum, please check this.

The image is reduced to fit the button size with the height and background-size specs in the rule, I didn’t realize you wanted the button so large. So with the large button the media queries need to be adjusted, please try this css instead of the above css:

#mc_embed_signup #mc_embed_signup_scroll #mc-embedded-subscribe.button {
background-image: url(https://darkeandtaylor-co-uk.stackstaging.com/wp-content/uploads/2021/08/SEND.png);
background-repeat: no-repeat;
background-color: transparent!important;
color: transparent;
background-position: 0px 0px;
height: 75px;
width: 190px;
}

@media only screen and (max-width: 767px) { 
	#top.page-id-275 #mc_embed_signup_scroll > .clear {
	float: right;
    width: 56%;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) { 
	#top.page-id-275 #mc_embed_signup_scroll > .clear {
	float: right;
    width: 63%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px) { 
	#top.page-id-275 #mc_embed_signup_scroll > .clear {
	float: right;
    width: 46%;
}
}
@media only screen and (min-width: 1440px) { 
	#top.page-id-275 #mc_embed_signup_scroll > .clear {
	float: right;
    width: 31%;
}
}

Best regards,
Mike

Hi,
Please include an admin login in the Private Content area so we can take a closer look, but it looks like you have broken Advanced Layout Builder shortcode in a tab container, it may be an unclosed tag or a curly quote, it’s hard to tell from the outside.

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

Hey Jad,
Thank you for the link to your site but the login doesn’t work. I assume that you followed these steps: How to add Custom Social Icons to Enfold options
But looking at your code snippet above I see that you didn’t specify the font, you used the word “font” instead of “entypo-fontello”
also please note if you are not using a child theme you need to add the code to the enfold/functions.php at around line 47 after

if( isset( $avia_config['use_child_theme_functions_only'] ) )	
{	
	return;		
}

but I see that you are using a child theme so perhaps you have a curly quote in your code?
This is the code I used which worked for me:

// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
$icons['amazon'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue924');
return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
$icons['Amazon'] = 'amazon';
return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

the social profile was added at Enfold Theme Options ▸ Social Profiles ▸ Your social profiles at the bottom of the list

and on the frontend it shows like this

Don’t forget the Amazon orange mouse-over css:

#top #wrap_all .av-social-link-amazon:hover a{
    color:#fff; 
    background-color:#FF9900; 
}

Best regards,
Mike

Hi,
Glad to hear that you have this sorted 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

Hey Peter,
Thank you for your patience and the link to your site, this solution should work for you, I tested it by trying to match your layout.
First go to WordPress ▸ Appearance ▸ Theme Editor and choose the Enfold file config-templatebuilder/avia-shortcodes/postslider/postslider.php
search for the line: $meta .= "<time class='slide-meta-time updated' $markup>" . get_the_time( get_option( 'date_format' ), $the_id ) . '</time>'; around line 916
then add this below:

	$author = get_the_author_meta( 'display_name', $entry->post_author );
	$meta .= "<span class='slide-meta-author updated'>" . $author."</span>";

it should look like this:

if you still have trouble please include an admin login in the Private Content area so we can try to help.

Best regards,
Mike