Hi,
Thank you, that makes sense.

Best regards,
Mike

Hi,
Thanks @Guenni007, perhaps I do have a different version, I don’t think so but it would explain this.
I posted to link to my version in your child theme stylesheet, if you don’t mind trying to install that it would be appreciated.

Best regards,
Mike

Hi,
Yes, you can install a child theme now, Read about it & Get it here After you activate your child theme you can then move your customizations from your parent theme functions.php, to your child theme functions.php. If you changed any theme files then typically you can add those to your child theme folder, it depends on the file.
To switch from your parent theme to the child theme and retain your same settings please follow these steps, first with your parent theme active go to Enfold Theme Options > Import/Export > Export Theme Settings File and download your theme settings file for fallback.
then activate your child theme and ensure your Enfold Theme Options > Performance > JS & CSS file merging and compression is turned off along with any caching plugins, then go to Enfold Theme Options > Import/Export > Import Settings From Your Parent Theme and import, then go to your homepage and clear your browser cache a couple of times and check that the settings have taken effect.
If it doesn’t look quite right then check that your Enfold Theme Options > Performance > JS & CSS file merging and compression is turned off and clear your browser cache a couple of more times.
If still not quite right, then go to Enfold Theme Options > Import/Export > Import Theme Settings File and upload the theme settings file you saved earlier, and clear your browser cache a couple of more times.
This should all work fine the first time, I only added the extra steps “just in case”.

Best regards,
Mike

Hi,
Thank you for the login, it seems that you can’t use the columns “equal height” option with this. But in your case they all look the same anyways. Please clear your browser cache and check, they are all in a single row now.

Best regards,
Mike

Hi,

@Guenni007 thank you, that is a good point. @KosmetikAndNails please let us know if updating and using @Guenni007 code above helps.

Best regards,
Mike

Hi,
Glad to hear this helped, so since the function above is adding the “earring” image I wanted it to only work with category term “term-43”
When I look at your product categories I see you have three categories with images, so each one will need its own function.

will there be more than three?
This function works with all three categories:

function add_archive_thumb_for_terms(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
  $('#top.archive.term-43').each(function() {
  	if($('.entry-content-wrapper .page-thumb').length) { } else { 
  	$('<div class="page-thumb"><img width="845" height="276" src="https://www.alinyerushalmi.co.il/wp-content/uploads/2019/09/earrings-alin-845x276.jpg" class="category_thumb" alt=""></div>').insertAfter('.woocommerce-notices-wrapper');
  	}
});
$('#top.archive.term-44').each(function() {
  	if($('.entry-content-wrapper .page-thumb').length) { } else { 
  	$('<div class="page-thumb"><img width="845" height="276" src="https://www.alinyerushalmi.co.il/wp-content/uploads/2019/09/Bracelet-alin-845x276.jpg" class="category_thumb" alt=""></div>').insertAfter('.woocommerce-notices-wrapper');
  	}
});
$('#top.archive.term-42').each(function() {
  	if($('.entry-content-wrapper .page-thumb').length) { } else { 
  	$('<div class="page-thumb"><img width="845" height="276" src="https://www.alinyerushalmi.co.il/wp-content/uploads/2019/09/Necklace-alin-845x276.jpg" class="category_thumb" alt=""></div>').insertAfter('.woocommerce-notices-wrapper');
  	}
});
});
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_archive_thumb_for_terms');

notice how I only changed the “#top.archive.term-XX” and the image url for each one, if you follow this you can create as many as you like.

Best regards,
Mike

Hi,

@Guenni007 Thank you for pointing this out, I did find the entypo-fontello paper-airplane in another post and used the same
( 'font' =>'entypo-fontello', 'icon' => 'ue8b7');
Good tip 🙂

Best regards,
Mike

Hey Stephan,
Try adding this code to the end of your functions.php file in Appearance > Editor:

// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
	$icons['telegram']	 = array( 'font' =>'entypo-fontello', 'icon' => 'ue8b7');
	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['Telegram'] = 'telegram';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

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

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

That should give you this:

Best regards,
Mike

Hi,
Glad Jordan could help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

Best regards,
Mike

Hey navindesigns,
Thanks for the login, I see that you have 5 buttons, so I assume you will need 5 different popups.
First we will add the jQuery for the popup in your functions.php

function popup_inline() { ?>
<script type="text/javascript">
jQuery(window).load(function(){
	jQuery('.open-popup-link').magnificPopup({
	  type:'inline',
	  midClick: true
	});
});
</script>
<?php }

add_action('wp_head', 'popup_inline');

Then we will add this css to your Quick CSS:

.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}

Then we will add five popups to a code block element on the page, you can edit the part PLACE CONTENT ONE HERE by adding text and image shortcodes or html code:

<div id="one-popup" class="white-popup mfp-hide">
<p>PLACE CONTENT ONE HERE</p>
</div>
<div id="two-popup" class="white-popup mfp-hide">
<p>PLACE CONTENT TWO HERE</p>
</div>
<div id="three-popup" class="white-popup mfp-hide">
<p>PLACE CONTENT THREE HERE</p>
</div>
<div id="four-popup" class="white-popup mfp-hide">
<p>PLACE CONTENT FOUR HERE</p>
</div>
<div id="five-popup" class="white-popup mfp-hide">
<p>PLACE CONTENT FIVE HERE</p>
</div>

then for your buttons I added the link like this:
<a class="open-popup-link" href="#two-popup"><div class="btnFloorPlanMobile">VIEW FLOOR PLAN</div></a>
notice each link has a different anchor to open a different popup.
Now there is a little white space where the hidden code block is on the page, so I added this to the code block to hide the white space:

<style>
#after_section_1 {
	display: none !important;
}
</style>

Please clear your browser cache and check the buttons and popups.

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

.ajax_search_response > H4 {
	display: none !important;
}

Best regards,
Mike

Hi,
Thank you for the login, this error occurs when there is an error in downloading the icon-font, I removed it from your Enfold Theme Options > Import/Export > Iconfont Manager and the error is now gone. Please clear your browser cache and check.

Best regards,
Mike

Hey Mateo,
Thank you for the login, it looks like among your tries you were able to import the demo, please take a look at your site.

Best regards,
Mike

Hi,
It is possible to use FONT AWESOME but it will not be in the icon choices, you will have to use the snippets such as:
<i class=”fab fa-telegram-plane”></i>
to add FONT AWESOME, Try adding this code to the end of your functions.php file in Appearance > Editor:

function Font_Awesome_5(){
    ?>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
    <?php
    }
add_action('wp_head', 'Font_Awesome_5');

we can make a feature request for the “TELEGRAM icon”, is it for the mobile and desktop messaging app?

Best regards,
Mike

Hi,
For a sticky header on mobile try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_sticky_header(){
  ?>
  <script>
(function($){
  $(document).ready(function(){       
     var scroll_start = 0;
     var startchange = $('#header');
     var offset = startchange.offset();
      if (startchange.length){
     $(document).scroll(function() { 
        scroll_start = $(this).scrollTop();
        if(scroll_start > offset.top) {
          document.getElementById('header').classList.add('sticky-top');
         } else {
          document.getElementById('header').classList.remove('sticky-top');
         }
     });
      }
  });
  })(jQuery);
  </script>
<?php
}
add_action('wp_footer', 'custom_sticky_header');

and this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 767px) { 
.sticky-top {
    position:fixed!important;
    top:0!important;
    z-index:10000!important;
}
}

Best regards,
Mike