Hey HulaSlim,
Thanks for your question I assume that your are referring to the “title” attribute for the images
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function custom_remove_title_script() { ?>
  <script>
(function($){
  $("*").hover(function(){
    $(this).removeAttr("title");
  });  
})(jQuery);
</script>
  <?php
}
add_action('wp_footer', 'custom_remove_title_script');

Best regards,
Mike

Hi,
Glad Ismael could 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 Ueli,
Thanks for your question, the lightbox has an empty title field for your hotspot images, please try adding your text in the image title field in the media library, or if the hotspot image links were added as html you could add the title attribute title="your title text"

Best regards,
Mike

Hey Eleina,
Thanks for your question, for this example I created long team member descriptions and used css to make them hidden (the borders are only for reference):

this is the css for the lightbox popup and to hide the team member descriptions:

.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}
.white-popup .team-social {
    border: 7px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    font-size: 19px;
    background: #fff;
    background: rgba(255, 255, 255, 0.7);
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    border-radius: 3px;
}
.avia-team-member .team-member-description {
	visibility:hidden;
}

Then I added this code to the end of my child theme functions.php file in Appearance ▸ Editor:

function clone_team_member_to_lightbox_popup() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
   $('.avia-team-member').each(function () {
        var copyTeam = $(this).clone().html();
$(this).magnificPopup({
    items: {
        src: $('<div class="white-popup">'+copyTeam+'</div>'),
    },
    type: 'inline'
});
});
})(jQuery);
});
  </script>
  <?php
}
add_action('wp_footer', 'clone_team_member_to_lightbox_popup');

Then on click the team member element opens in a lightbox with the team member description showing.

*recommended css thanks to Guenni007 to have the team member image to the left and content to the right instead of below

.mfp-content {
  display: inline-flex !important;
}

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

.white-popup .team-img-container {
  max-width: 300px;
  float: left;
  margin: 0 20px 10px 0
}

.white-popup .team-member-name,
.white-popup .team-member-job-title,
.white-popup .team-member-description  {
  width: 100%;
}

Best regards,
Mike

• This reply was modified 3 years, 3 months ago by Mike.

Hey mackfoyt,
Thank you for your patience, the ImageMapPro uses absolute position on the background container, so you will be limited because too much styling makes the map shapes move out of place.
Please try this css in your Quick CSS:

#domov > .container {
	padding: 0;
	display: block;
}
.imp-zoom-wrap {
    width: 90%;
    margin: auto;
}

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

Best regards,
Mike

Hi,
This is the Enfold ▸ General Styling ▸ Quick CSS field that I spoke of, I add the css for you:

please clear your browser cache and check.

Best regards,
Mike

Hi,
For that page try this css:

#top.page-id-38 .flex_column.avia-builder-el-2 {
	 overflow: auto;
}

but on that page the color section that the table is in is hidden on mobile.
If you have multiple tables on multiple pages then I recommend add a custom class to the column that the table is in, if you use the custom class “scroll-table” then you could use this css instead:

#top .scroll-table {
	 overflow: auto;
}

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

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

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

#main .image-overlay.overlay-type-extern .image-overlay-inside:before {
    content: '\E832';
    font-family: 'entypo-fontello';
    height: 30px;
    width: 30px;
    line-height: 30px;
    margin: -15px 0 0 -15px;
}

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

Best regards,
Mike

Hey PonzioPilato,
Thanks for your question, the background color and button color is dependent on your theme General Styling ▸ Color Scheme, the border and width of the variation label is because the table elements have changed in woocommerce after version 6.0.1

our Shop Demo site is still using woocommerce v3.1.1
anyways try this css to adjust

#top .variations th {
    padding: 4px 10px;
    border: none;
    vertical-align: top;
}

#top .variations th.label {
    width: 77px;
    text-align: center;
    text-transform: capitalize;
}

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

Best regards,
Mike

Hi,
Glad Nikko was 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 Nikko was 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 onlylettersandnumbers,
Thank you for your patience, I tried to recreate your issue with our latest version (v5), with a single item showing in a blog element with no pagination in a 1/3 column and 3 items showing in a 2/3 column with pagination.




please check if your settings are the same and if so try updating to v5, I linked to my test page below.

Best regards,
Mike

Hey snorlachs,
Thank you for the login, your script is looking to replace the source url of .logo > a > img
but when you use a SVG logo there is no img tag it is a SVG tag and thre is no url it is a clippath because it has already been rendered:

Try using png images instead of svg

Best regards,
Mike