Forum Replies Created

Viewing 30 posts - 181 through 210 (of 34,941 total)
  • Author
    Posts
  • in reply to: Custom SVG Divider #1488776

    Hi,
    In my tests, the name of the array must be in lower case, and the path must be added if you are not using the attachment ID
    for example:

    function custom_avf_custom_svg_shapes( array $custom_shapes )
    {
    	$custom_shapes = array(
    				
    		'mountain-test'	=> array(
    						'key'			=> 'Mountain-Test',
    						'title'			=> __( 'Mountain Test', 'avia_framework' ),
    						'has_flip'		=> true,
    						'has_width'		=> true,
    						'filename'		=> 'Mountain-Test',
    						'path'			=> './wp-content/uploads/avia_custom_shapes/'
    					//	'attachment'	=> '4650'
    									)
    						);
    	
    	return $custom_shapes;
    }
    
    add_filter( 'avf_custom_svg_shapes', 'custom_avf_custom_svg_shapes', 10, 1 );

    Screen Shot 2025 08 30 at 10.23.30 AM

    I would use the media library as Guenni007 suggests, as it would be easier to manage. The documentation also points to this.

    Best regards,
    Mike

    in reply to: Line Breaks in the Contact Form EMAIL #1488775

    Hey tebitron,
    Try adding the “Element: Empty Line” Form Element set to “Print Email Only” where you want a space.
    Ensure that you are using Enfold v7.1.2

    Best regards,
    Mike

    in reply to: Problem with timeline #1488774

    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

    in reply to: Sidebar issue with WooCommerce and Enfold #1488773

    Hey etherrh,
    Your two pages look like they are created differently, the Shop page with the sidebar at the bottom looks like it was created with a woof_products shortcode plugin. While the page with the sidebar uses a column with the theme product slider.
    If you customize the Shop page any full width elements will push the sidebar to the bottom of the page. To achieve a layout like our Shop Demo you don’t need to add any elements or edit the shop page, it is automatic.

    Best regards,
    Mike

    in reply to: Masonry layout teaser text #1488770

    Hey Tobias,
    Please link to your page so we can examine and include a mockup image of what you would like as a result. To add a read more button we will need admin access to test the needed php function.
    To add a screenshot please try using an Screenshot service and pasting the image URL in your post.

    Best regards,
    Mike

    in reply to: Problem with timeline #1488769

    Hey Alexandre,
    I assume that your issue is that under 990px the timeline titles only show for every other one, to correct add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function correct_timeline_titles_for_mobile() { ?>
      <script>
    document.addEventListener('DOMContentLoaded', () => {
      // Check if there are any .av-milestone-even elements
      const milestones = document.querySelectorAll('.av-milestone-even');
      if (milestones.length === 0) return; // Exit if no milestones found
    
      // Define the media query for screens smaller than 989px
      const mediaQuery = window.matchMedia('(max-width: 989px)');
    
      // Function to reorder elements
      const reorderMilestones = () => {
        if (mediaQuery.matches) {
          milestones.forEach(milestone => {
            const date = milestone.querySelector('.av-milestone-date');
            const icon = milestone.querySelector('.av-milestone-icon-wrap');
            const content = milestone.querySelector('.av-milestone-content-wrap');
    
            // Ensure all elements exist before reordering
            if (date && icon && content) {
              milestone.innerHTML = '';
              milestone.appendChild(date);
              milestone.appendChild(icon);
              milestone.appendChild(content);
            }
          });
        }
      };
    
      // Run initially
      reorderMilestones();
    
      // Add listener for window resize
      mediaQuery.addEventListener('change', reorderMilestones);
    });
    </script>
      <?php
    }
    add_action( 'wp_footer', 'correct_timeline_titles_for_mobile', 99 );

    Best regards,
    Mike

    in reply to: image hover grayscale to color #1488768

    Hey Munford,
    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

    in reply to: Change anchors of scroll down link buttons #1488749

    Hi,
    Glad this helps, your icons are not showing because of this css you had in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    /*Modification de l'affichage de l'icône des cookies (cadenas)*/
    #top .avia-svg-icon.avia-font-svg_entypo-fontello svg:first-child {
        display: none !important;
    }

    I disabled it for you.
    As for your timeline question, please open a new thread as we ask that each thread sticks to one topic. Thanks for you understanding.

    Best regards,
    Mike

    in reply to: Change anchors of scroll down link buttons #1488736

    Hi,
    Thanks for your patience, I believe that it is sorted out now, clear your browser cache and check.
    This is the code that I added:

    function custom_offset_script_with_width() { ?>
        <script>
    (function($) {
      $('a[href*="#next-section"]').click(function() {
      	var width = $(window).width()
          	if ($(window).width() < 768) {
            $('html,body').animate({
              scrollTop: $(this).offset().top - 100 //offsets for mobile fixed header
            }, 1000);
            return false;
           } else if (width >= 768 && width <= 1366) {
            $('html,body').animate({
              scrollTop: $(this).offset().top - 75 //offsets for tablet fixed header
            }, 1000); 
            return false; 
          } else {
          	$('html,body').animate({
              scrollTop: $(this).offset().top - 50 //offsets for desktop fixed header
            }, 1000);
            return false;
          }
      });
    }(jQuery));
    </script>
    <?php
    }
    add_action('wp_footer', 'custom_offset_script_with_width');

    Best regards,
    Mike

    Hi,
    Great news!

    Best regards,
    Mike

    in reply to: Social icons #1488727

    Hey maryenvato,
    It looks like your copyright link is unclosed, causing the error, please check.
    If you can’t find the error include a admin login in the Private Content area so we can examine.

    Best regards,
    Mike

    Hi,
    I thought it was your jQuery that made it work. Thanks again for sharing.

    Best regards,
    Mike

    in reply to: Change anchors of scroll down link buttons #1488569

    Hi,
    Thanks I was able to login, but this is tricker than I thought, I will work on it some more and get back to you tomorrow.

    Best regards,
    Mike

    in reply to: fontawesome #1488568

    Hey Christian,
    Where are you trying to upload fontawesome?
    Typically you do not upload fontawesome, it is not compatible with the theme font manager and will not show in the ALB icons.
    So you need to sign up here to get your “Kit”
    Then you will get a code like this to put in your header: <script src="https://kit.fontawesome.com/244e4f20aaa.js" crossorigin="anonymous"></script>
    add it to the end of your child theme functions.php file in Appearance ▸ Editor in this function:

    function Font_Awesome_7(){
    ?>
    <script src="https://kit.fontawesome.com/244e4f20aaa.js" crossorigin="anonymous"></script>
    <?php
    }
    add_action('wp_head', 'Font_Awesome_7');

    be sure to change the link to yours.
    Then choose your icon and make sure that you add a size to the icon code, for example <i class="fas fa-mug-hot fa-10x"></i>
    and add it to your page.
    Screen Shot 2025 08 26 at 4.24.34 PM
    See this documentation:
    https://docs.fontawesome.com/

    Note they also have a plugin, I have not tried it, see: https://docs.fontawesome.com/web/use-with/wordpress

    Best regards,
    Mike

    in reply to: Column Rows Same Height #1488562

    Hi,
    Try:

    #top .av-special-heading.locationscolumn {
        min-height: 95px;
    }

    If this doesn’t help, please add the “locationscolumn” class so we can examine.

    Best regards,
    Mike

    in reply to: Change anchors of scroll down link buttons #1488561

    Hi,
    Thanks, but I get this error:
    Error: This password does not match the username.
    Please check.

    Best regards,
    Mike

    in reply to: Change anchors of scroll down link buttons #1488507

    Hi,
    Ok, please remove all of the code and we will try a javascript solution.
    An admin login may help us.

    Best regards,
    Mike

    Hi,
    Try adding a custom class to the image element in the advanced tab > developer settings > custom class
    Screen Shot 2025 08 25 at 5.01.12 PM
    then adjust the css to suit, you can add a custom class to each image and add new css for each one.

    Best regards,
    Mike

    in reply to: Problems with update Enfold 7.1.2 #1488466

    Hi,
    I checked both pages in Firefox and the portfolio images show for me.
    I don’t know why you are not seeing them, perhaps it is a cache issue.

    Best regards,
    Mike

    in reply to: Code block change seems to have affected page display? #1488465

    Hi,
    Thanks for your patience, I don’t think that would help. Try disabling your theme cache & Jetpack & any server cache.
    Since it changes after page load, this typically points to a cache issue.
    The page width in the theme settings is 1310px, but after page load it is 1010px due to this file:

    _jb_static/??a97ef38bc7

    which is a cache file.
    Or you can try this css:

    .container.av-section-cont-open {
        max-width: 1310px !important;
    }

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

    Best regards,
    Mike

    in reply to: Change anchors of scroll down link buttons #1488464

    Hi,
    Thanks for your patience, I see that you are forcing a fixed header for mobile which is not a theme option, which is ok, but the problem is that the solution is written in PHP, so the avf_header_setting_filter is applied in PHP before the page is rendered, so it can’t directly detect the screen size. (PHP runs server-side, screen width is only known client-side in the browser).
    If the above solution worked for you then try also adding this to your functions.php file:

    add_action('wp_head', function () {
        ?>
        <style>
            :root { --scroll-offset: 48px; }
            @media (max-width: 767px) {
                :root { --scroll-offset: 80px; }
            }
            @media (min-width: 768px) and (max-width: 1023px) {
                :root { --scroll-offset: 64px; }
            }
        </style>
        <script>
            (function($){
                $(function(){
                    if (typeof avia_header_scroll_offset !== 'undefined') {
                        var offset = getComputedStyle(document.documentElement)
                                     .getPropertyValue('--scroll-offset');
                        avia_header_scroll_offset = parseInt(offset, 10);
                    }
                });
            })(jQuery);
        </script>
        <?php
    });
    

    If this doesn’t work then you should remove both and use javascript, let us know.

    Best regards,
    Mike

    Hey sky19er,
    The Contact Form element doesn’t support MailChimp, you can use the MailChimp Signup element, or the Enfold MailChimp Newsletter widget.
    Screen Shot 2025 08 24 at 5.54.51 AM

    Best regards,
    Mike

    Hey solf,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #av-layout-grid-1 .avia-image-container .avia-image-container-inner img {
    	height: 100%;
    	width: 100% !important;
    }

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

    Best regards,
    Mike

    in reply to: How to add new image dimensions in enfold theme #1488456

    Hey Taha,
    Thanks for your patience, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    add_filter('avf_modify_thumb_size', 'custom_modified_thumb_sizes', 10, 1);
    function custom_modified_thumb_sizes(array $sizes) {
        $sizes['tab_thumb'] = array('width' => 260, 'height' => 80, 'crop' => true);
        return $sizes;
    }

    then upload a new image, then add your image to the image element:
    Screen Shot 2025 08 23 at 3.46.38 PM
    then go to the style tab and select the new size:
    Screen Shot 2025 08 23 at 3.49.34 PM
    the backend may show the full uncropped image, but the frontend will show the new image size.
    After testing, if you want all of your images to have this new size, install the Regenerate Thumbnails plugin and run it.
    Since your new size won’t work will for most images changing 'crop' => true); in the code to 'crop' => false); won’t help, unless you are uploading a image that is already 260×80, or a multiple of that aspect ratio without cropping.
    For example, this image was a very large image, and after Regenerate Thumbnails it shows the in the new size:
    Screen Shot 2025 08 23 at 4.05.24 PM

    Best regards,
    Mike

    in reply to: blog post image hover #1488455

    Hey Munford,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .slide-entry a.slide-image img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    }
    
    .slide-entry a.slide-image:hover img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    }
    
    #top .slide-entry .slide-content h3 a {
    	color: #000;
    }
    #top .slide-entry .slide-content h3:hover a {
    	color: #fff !important;
    }

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

    Best regards,
    Mike

    Hey Michael F,
    Thanks for your patience, but unfortunately we are not familiar with the complianz-cookie-listing plugin. Perhaps the plugin has an option to rescan the site or remove incorrect listings? I recommend checking: https://complianz.io/support/

    Best regards,
    Mike

    in reply to: installing adobe fonts #1488445

    Hi,
    Glad Rikard 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

    Hi,
    Try disabling your Advanced Floating Content plugin.

    Best regards,
    Mike

    in reply to: Code block change seems to have affected page display? #1488375

    Hi,
    This was because the text was set to center in the element and not justified, and to had hard line breaks, I corrected, please check now.

    Best regards,
    Mike

    in reply to: adding columns #1488372

    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

Viewing 30 posts - 181 through 210 (of 34,941 total)