Hey NoraGTS,

Please try the following in Quick CSS under Enfold->General Styling:

.home button.mfp-arrow {
  display: none;
}

Best regards,
Rikard

Hi,

Thanks for the update. Enfold comes with its own layout builder, yes. If you create a new page, then you will see a blue button reading Advanced Layout Editor. If you click on that, it should load the Enfold Layout Builder, so that you can check it out. Enfold does not have official support for any third party layout builders unfortunately.

Best regards,
Rikard

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 inquiry.

In the Appearance > Menu editor, you can add a custom menu item and enable the Button Style option from the Menu Style settings. This should create a menu item that looks like button, but you will have to use additional css code to insert an icon.

#menu-item-755 a:before {
    font-family: 'entypo-fontello';
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    color: white;
    content: "";
}

The css code above will apply the search icon to the menu item with the ID 755. You can also insert a widget in the header instead of a custom menu item.

// https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

Best regards,
Ismael

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

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

Hey Mike,

Could you please go to /enfold/config-events-calendar/event-mod-css-dynamic.php and replace it with – https://pastebin.com/VfxiAJH4
Then replace event-mod.css file with this one – https://pastebin.com/pgdUrixP and then go to Enfold theme options and save? This should increase the content width, set list color to content color.

Buttons and mobile version look fine on my installation – https://imgur.com/a/AnXNQf2. If applying changes above and clearing cache does not help, please create temporary admin logins and post them here privately so we can look into it :)

Best regards,
Yigit

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 your patience, and the link to your site but I don’t believe that I’m seeing what you originally intended, perhaps you have changed the layout?
Please see the screenshot in the Private Content area of what I’m seeing in step two, the radio buttons look at work correctly for me on Windows 10 in Chrome.
As I recall with this plugin some of the styles have a lower specificity than what the Enfold form elements use, for example our rules begin with an ID #top and the Everest form builder doesn’t use any IDs, so if you have a rule that is being overwritten you could copy it to your custom css and add the ID #top to the beginning.

Best regards,
Mike

Hi,

Thank you for the update.

Looks like the expand button is not available when the Block Editor is active. Are you actually using the new block editor? If not, you can switch back to the classic editor by adjusting the Enfold > Theme Options > Select your editor settings.

We will forward the issue to our channel.

Best regards,
Ismael

Hi,

You can follow this link to open a new thread, or click this button highlighted in the screenshot: https://imgur.com/a/AnoSPNb

Best regards,
Rikard