Hey Fberguno,
Thank you for your patience and the link to your site, I see that in the wine section of your catalog element the price title is quite long due to COPA & BOTELLA text with the price, my recommendation is to drop the price down to the next line so the price title and item title don’t overlap. Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

@media only screen and (max-width: 1440px) { 
	#av_section_4 .av-catalogue-container .av-catalogue-price {
    position: relative;
	}
}

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

Best regards,
Mike

Hey Maureen or Shari,
Thank you for your patience as I understand your question you have some tracking code that you only want to add to the header of certain pages, in that case try adding this code to the end of your functions.php file in Appearance ▸ Editor:

function add_select_page_tracking(){
    if(is_page(array(42, 21, 85))) {
?>
//Put Your Tracking Code Here
<?php
    }
}
add_action('wp_head', 'add_select_page_tracking');

you will need to replace //Put Your Tracking Code Here with your code and replace the array numbers with your page IDs.
If you want the code to load in your footer then change wp_head to wp_footer

Best regards,
Mike

Hey hymlo,
Thank you for your patience, the error is occurring in your file /wp-content/cache/minify/46144.js this is from your cache / minify plugin, so please disable your cache plugin and check again.

Best regards,
Mike

Hi,
Thank you for your patience and the link to your site, Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

#top .flex_column.avia-builder-el-7 > .av_font_icon > a {
	display: inline; 
}

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

Best regards,
Mike

Hi,
Thanks for the feedback I checked on a 21″ Mac, Big Sur v11.5.2, with Safari v14.1.2 and I don’t see the error.
To add a screenshot please try using an image hosting service and pasting the image URL in your post. It looks like you are not using any caching or the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression setting, so please give this a try, enable the Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files option, and save, then 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, then
clear your Safari cache, and note step 4 where you should Clear the History, then check your page again. Safari is known to be harder to clear the cache on, so perhaps this is part of the error?

Best regards,
Mike

Hey MikeTandySwag,
Thank you for your patience, I would recommend trying to use two portfolio elements, the first one to display the two lead members and the second to display the rest. You may need to adjust the size of the first two to match the others, and they will show in a different ajax frame, but I don’t see any other way to set the first two apart from the others since the grid is created with javascript and uses absolute locations to create the grid.

Best regards,
Mike

Hi,
Glad to hear this helped, for the video try this:

#av-layout-grid-4 .avia-video.avia-video-custom,
#av-layout-grid-4 .avia-iframe-wrap iframe {
	border-radius: 15px;
}

instead of a color section try a one column with a background color and the border radius, that should work, if not try making a mockup example.

Best regards,
Mike

Hey mvi,
Thank you for your patience and the link to your site, this padding was added with v4.8.6.1 to center large gap masonry elements.
The bottom and right side have a 15px “space” that was pushing the element off and the Dev Team corrected this by adding the padding, please see the screenshot in the Private Content area.
If you wish to remove this please try this css:

#top .container .av-masonry.av-large-gap {
  padding: 0 !important;
}

Best regards,
Mike

Hey bobfurgo,
Thank you for your patience and the link to your site, try adding this script to the end of your functions.php file in Appearance ▸ Editor, it is for the horizontal gallery and counts the slides and adds a class to first and last ones, then hides the next and previous buttons on the first and last slide.

function horizontal_gallery_remove_first_last_slideshow_arrows() { ?>
    <script>
(function($){
  $(window).load(function(){
var lis = $('.av-horizontal-gallery-slider .av-horizontal-gallery-wrap').length;
var hgs = $('.av-horizontal-gallery-slider .av-horizontal-gallery-wrap');
var prev = $('.av-horizontal-gallery .av-horizontal-gallery-prev');
var next = $('.av-horizontal-gallery .av-horizontal-gallery-next');

$('.av-horizontal-gallery-slider .av-horizontal-gallery-wrap').each(function(index){
    if(index<1)$(this).addClass('first');
    if(index>=lis-1)$(this).addClass('last');
})
$('.avia-slideshow-arrows a').click(function(){
if (hgs.is('.first.av-active-gal-item')){
	prev.css({'display' : 'none'});
}else{
	prev.css({'display' : 'block'});
}
if (hgs.is('.last.av-active-gal-item')){
	next.css({'display' : 'none'});
}else{
	next.css({'display' : 'block'});
}
});
	
});
})(jQuery);
</script>
    <?php
}
add_action('wp_footer', 'horizontal_gallery_remove_first_last_slideshow_arrows');

If you have any issues with it please check that you are not forcing the jQuery to load in the footer in the theme option Enfold Theme Options ▸ Performance ▸ Load jQuery in your footer or with your caching plugin.

Best regards,
Mike

Hi,
Thank you for sharing your snippet, perhaps others will also find it helpful, 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,
While it is true that many elements have margin & padding settings, what you are doing doesn’t have that option, for your headshot you are adding is plain image inside the text block element

neither the text block element or the WP plain image have margin or padding settings, but even if they did it would not solve because the margin is coming from the paragraph tag [p] inside the text element, not the text element itself.

For your new question, on the very large screen the color section’s vertical-align: middle is showing, to correct please use this css:

#top.home #av_section_1.avia-section.av-minimum-height .container .content {
    vertical-align: bottom;
}

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

So you have a color section with a background image with a column > text block > p > image that you want aligned to the bottom of your background image. The 3 snippets of css above achieve this, but you said that you may like to use this configuration elsewhere, so I recommend adding custom classes to these elements and the snippets and saving the block as a Template so it will be easier for you in the future.

Please let us know if you need assistance adding the custom classes & adjusting the css, if you do please copy this section to a new test page, because creating a template saves the whole page not just this set of elements, and include an admin login in the Private Content area so we can adjust the custom classes and css to work together, then you can save as a template.

Best regards,
Mike

Hi,
Thank you, for the images with the borders please try this css:

#main .av-magazine-thumbnail {
    border: 0px none;
}

I see other borders between the elements but I believe you want to retain these.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the feedback and your patience, your explanation helped and I tried to modify the script you linked to be I was not fully successful and also felt the Dev Team should be brought into this, so I submitted this to them and will reply back when I hear from them. We are a world wide organization, so while you linked to info about being ADA compliant we will probably want to go with something broader like WCAG, I didn’t find a “trapped” spec in either and wonder if having the menu close once the user tabs out of the menu would also satisfy, can you link to the ADA spec that your accessibility review company is pointing to and if they also have a matching WCAG spec? Thank you.

Best regards,
Mike

Hey smiley789654123,
Thank you for your patience and the link to your site, to change the background color to transparent and change the post date color to white, Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

#main .main_color .avia-content-slider .slide-image {
	background: transparent;
}
#main .main_color .avia-content-slider .slide-meta-time {
	color: #fff;
}

but I didn’t see a border color on this element, do you mean a different border color?
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for your patience, you are seeing macos because inside the zip file is a directory called macos try extracting the zip file and deleting it and re-ziping with only the necessary files.

Best regards,
Mike