Forum Replies Created

Viewing 30 posts - 10,981 through 11,010 (of 67,443 total)
  • Author
    Posts
  • Hi,

    We created an example of the layer slider with background video in a test page. Please check the link in the private field.

    In order to apply a background video to the layer slider, you have to add a new Video/Audio layer and enable the Background Video option under the Layer Settings > Media Options panel. You can also adjust the slider size in the Project Settings > Layout panel, we selected the Hero option in this example.

    Best regards,
    Ismael

    in reply to: Let portfolio item link open in a new tab #1348754

    Hey Ahmad,

    Thank you for the inquiry.

    The code above will only work for the masonry element, and only once the document is scrolled. Not sure why you would want that. Try to replace the script above with the following code.

    function ava_custom_script() { ?>
        <script>
    		(function($){
    			// set the target attribute of the portfolio items to <code>_blank</code>
    			$('.grid-image').attr('target','_blank');
    		}(jQuery));
    	</script>
        <?php
    }
    add_action('wp_footer', 'ava_custom_script', 999);
    

    Please make sure to purge the cache or remove the browser history before testing the page.

    Best regards,
    Ismael

    in reply to: Youtube Video doesnt run #1348752

    Hi,

    We deactivated the WP Super Cache and Autoptimize plugin and disabled this code in the functions.php file temporarily. The consent modal box is no longer displaying and the video is now working as expected.

    function noellmn_add_erecht24_code() {
    ?>
        <script type="application/javascript" src="https://app.usercentrics.eu/latest/main.js" id="7bx8tGQDy"></script>
        <script type="application/javascript" src="https://privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js"></script>
         	<link rel="preconnect" href="//privacy-proxy.usercentrics.eu">
         	<link rel="preload" href="//privacy-proxy.usercentrics.eu/latest/uc-block.bundle.js" as="script">
    <?php
    }
    // add_action('wp_head', 'noellmn_add_erecht24_code');
    

    You may need to contact the usercentrics team for additional info about the script.

    Best regards,
    Ismael

    in reply to: color section full width #1348751

    Hey Stefan,

    Thank you for the inquiry.

    You don’t need to increase the size of the color section container in order to adjust the size of the background video. It should automatically cover or inherit the width of the color section. Please provide a link to the page containing the color section so that we can check it properly.

    Best regards,
    Ismael

    in reply to: Portfolio author and portfolio navigation #1348747

    Hi,

    Glad to know that this has been solved and thanks for posting the final changes. Please feel free to open another thread if you have more questions about the theme.

    Have a nice day.

    Best regards,
    Ismael

    in reply to: Styling Masonry Portfolio #1348746

    Hi,

    Sorry for the delay. Try to replace the whole code block with the following code.

    	
    $class_string .= $this->ratio_check_by_tag( $entry['tags'] );
    

    This modification should check for the orientation tags and apply the appropriate class name to the masonry items regardless of the other conditions.

    Best regards,
    Ismael

    in reply to: Make button animation flip #1348745

    Hey navindesigns,

    Thank you for the inquiry.

    Have you tried adding the html manually in a text or code block? The flip effect relies on the back and front data attributes, which contain the link or button text. Unfortunately, there is no option to add data attributes to the button element.

    This is the html of the button with the flip effect.

    <a href="#" class="btn-flip" data-back="Back" data-front="Front"></a>
    

    You can add the css in the Quick CSS field.

    Best regards,
    Ismael

    in reply to: Move Gallery Caption Below Thumbnails #1348740

    Hey navindesigns,

    Thank you for the inquiry.

    This is possible but you have to modify the enfold/config-templatebuilder/avia-shortcodes/gallery/gallery.php around line 683.

    				
    				$thumbs .= "<a {$lightbox_attr} data-rel='gallery-" . self::$gallery . "' data-prev-img='{$prev[0]}' {$class} data-onclick='{$counter}' title='{$lightbox_title}' {$markup_url} {$rel}>";
    				$thumbs .=		$img_tag;
    				$thumbs .=		"
    <div class='big-prev-fake'>{$prev_img_tag}</div>
    ";
    				$thumbs .= '</a>';
    

    Replace it with:

    $caption = wp_get_attachment_caption( $attachment->ID );
    
    				$thumbs .= "<a {$lightbox_attr} data-rel='gallery-" . self::$gallery . "' data-prev-img='{$prev[0]}' {$class} data-onclick='{$counter}' title='{$lightbox_title}' {$markup_url} {$rel}>";
    				$thumbs .=		$img_tag;
    				$thumbs .=      "<span class='avia-gallery-caption'>{$caption}</span>";
    				$thumbs .=		"
    <div class='big-prev-fake'>{$prev_img_tag}</div>
    ";
    				$thumbs .= '</a>';
    

    Then add this css code to display the avia-gallery-caption container.

    #top .avia-gallery .avia-gallery-caption {
        display: block;
    }

    This modification should display the caption below the gallery thumbnails.

    Best regards,
    Ismael

    in reply to: Toggles of accordions are covered by the sticky header #1348666

    Hi,

    Since the crucial changes are in toggles.js, why do I have to edit toggles.php as well?

    Because you have to tell the shortcode to load the modified js file in the child theme directory instead of the original script. You can only do that by editing the extra_assets function in the toggles.php file as previously mentioned. You can find an example of the path modification here.

    // https://kriesi.at/support/topic/standard-setting-for-video-element/#post-1344649

    As you may notice, the AviaBuilder::$path[‘pluginUrlRoot’] is replaced with get_stylesheet_directory_uri() function to retrieve the child theme folder and the path avia-shortcodes is replaced with shortcodes because that is the name of the new folder in the child theme directory.

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Thanks!

    Best regards,
    Ismael

    in reply to: Sticky header covers content of destination anchor #1348664

    Hi,

    It is working correctly on our end now. This is where the page lands when we click the “webcams” link, or when we manually access the page using browser URL field.

    Screenshot: https://1drv.ms/u/s!AjjTfXSRbKTvwFMEq-cWo4wuom7q?e=cJbr57

    Please make sure to purge the cache or remove the browser history before checking the page.

    Best regards,
    Ismael

    in reply to: Filtering products with WC shortcodes #1348663

    Hi,

    In your initial post, you said that the pagination is not visible, so we suggested to edit the config.php file to bring the pagination back. Now, the pagination is visible in the page that you posted above, but it requires a bit of css adjustments as we mentioned previously. Please check the screenshot below.

    Screenshot: https://imgur.com/aNRfQ9g

    Best regards,
    Ismael

    in reply to: Youtube Video doesnt run #1348662

    Hi,

    I mean that I removed the entire coockie script from the page

    Did you remove the cache after removing the script? You can also check the site on incognito mode after editing the site.

    Where did you add the cookie script? We tried to edit the page but we didn’t find the script anywhere in the editor.

    Best regards,
    Ismael

    in reply to: Portfolio author and portfolio navigation #1348661

    Hi,

    Thank you for the info.

    The issue is with the following line, which sets the post type to be hierarchical or enables setting a parent post.

    // $args['hierarchical'] = true;
    

    We removed that line and edited the filter a bit. The post navigation still works and the portfolio items now support the author option.

    Best regards,
    Ismael

    in reply to: Edit Contact Form Autoresponder Fields #1348659

    Hi,

    Sorry for the delay. We edited the functions.php file and added the following code to remove the credit card number and expiration date from the autoresponder message.

    add_filter("avf_contact_form_autoresponder_mail", function($mail_array, $new_post, $form_params, $class) { 
    	$mail_array["Message"] = preg_replace('/Credit card number: (.*)/', '', $mail_array["Message"]);
    	$mail_array["Message"] = preg_replace('/Credit Card Expiration date: (.*)/', '', $mail_array["Message"]);
    
    	return $mail_array;
    }, 10, 4);
    

    Best regards,
    Ismael

    in reply to: Portfolio author and portfolio navigation #1348478

    Hey Rob,

    Thank you for the inquiry.

    The code above should not affect the post navigation. Are you using the Advance Layout Builder for the portfolio items? Did you add or use full width elements ( color section, grid row )? By default, the navigation will not display when a full width element is added to the post. But you can alter that rule by using this filter in the functions.php file.

    function avf_post_nav_settings_mod( array $settings ){
    	if( in_array( $settings['type'], array( 'post', 'portfolio' ) ) ){
    		$settings['is_fullwidth'] = false;		
    	}
    
            return $settings;
    }
    add_filter( 'avf_post_nav_settings', 'avf_post_nav_settings_mod', 10, 1 );
    

    Best regards,
    Ismael

    in reply to: Ajax Search Styling #1348477

    Hey fkm,

    Thank you for the inquiry.

    To adjust the portfolio post type title or label, try to add this code in the functions.php file.

    add_filter('avf_ajax_search_label_names','avf_ajax_search_label_names_mod', 10, 1);
    function avf_ajax_search_label_names_mod($label)
    {
         if($label == 'Portfolio Items') $label = 'New Label Here';
         return $label;
    }

    You can then use this css code to adjust the styles of the ajax search based on your specifications. Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    .av_ajax_search_image {
        border-radius: 0;
    }
    
    .av_ajax_search_content {
        top: 10px;
        position: relative;
    }
    
    #top div .av_ajax_search_entry:hover {
        background-color: inherit;
    }
    
    .avia-search-tooltip .avia-arrow-wrap {
        display: none;
    }

    Best regards,
    Ismael

    in reply to: Filtering products with WC shortcodes #1348476

    Hi,

    We were not able to access the file server but we managed to edit the file via the Appearance > Theme File Editor panel. We disabled this code in the themes/enfold/config-woocommerce/config.php file around line 388.

    // remove_action( 'woocommerce_after_shop_loop', 'woocommerce_pagination', 10 ); //remove woo pagination
    

    The default Woocommerce pagination is now displaying but it will require a few css adjustments.

    Best regards,
    Ismael

    in reply to: How to display uncropped image in Single Post #1348475

    Hey BrendanG,

    Thank you for the inquiry.

    You can add this code in the functions.php file to override the default thumbnail size in the single post page.

    add_action("ava_after_main_title", function() {
      global $avia_config;
    
      if( is_singular("post") ) {
        $avia_config['image_size'] = 'full';
        $avia_config['preview_mode']  = 'custom';
      }
    }, 10);
    

    Best regards,
    Ismael

    in reply to: Using style.css for plugin customisation does not work #1348474

    Hey Lutz,

    Thank you for the inquiry.

    Which plugin or which element are you trying to override? Please provide a link to the actual page containing the element so that we can check it.

    You can also register a new stylesheet using the wp_enqueue_style function and make sure that one of its dependencies is the default stylesheet from the plugin. This ensures that the new css file loads after the default stylesheet from the plugin.

    // https://developer.wordpress.org/reference/functions/wp_enqueue_style/

    Best regards,
    Ismael

    in reply to: Blog Sidebar Widget Not Showing on Mobile #1348473

    Hi,

    Yes, that should be possible. Try to add this code in the functions.php file.

    add_action("ava_after_main_title", function() {
      global $avia_config;
      if( is_page(123) ) {
        get_search_form();
      }
    }, 10);
    

    Make sure to replace the value 123 in the is_page function with the actual ID of the blog page.

    Best regards,
    Ismael

    Hey Chiefi,

    Thank you for the inquiry.

    You can replace the Color Section with a Layer Slider and apply the video as slider background. This video should play on mobile devices. If you want to just hide the element on mobile view, edit it, go the Advanced tab and look for the Element Visility options in the Responsive Settings toggle.

    Best regards,
    Ismael

    in reply to: Main Menu Flyout menu options #1348471

    Hey schwabino,

    Thank you for the inquiry.

    Some of the menu items in the demo are not set as mega menus, just normal drop downs. Are you referring to the mobile menu appearance? You can adjust mobile menu options in the Enfold > Main Menu > Burger/Mobile Menu tab. Look for the Menu Icon Style and the Menu Overlay Style setings.

    Best regards,
    Ismael

    in reply to: Youtube Video doesnt run #1348470

    Hi,

    What do you mean by “cookie query”? Looks like a script is embedding the UC button to the video element but we are not sure why it is not working. We can’t find any errors in the page or in the browser console. The video loads fine only when we clicked the Akzeptieren button in the UC consent banner. Please contact the script authors for additional info.

    Best regards,
    Ismael

    in reply to: Custom SVG not owkring #1348469

    Hey Jonas,

    Thank you for the inquiry.

    Did you place the svg file in the avia_custom_shapes within the wp-content > uploads folder? You should also check the name of the svg file and make sure that it corresponds to the specified value in the svg array.

    Try to replace the code in the functions.php file with this one.

    add_filter('avf_custom_svg_shapes', function($shapes) {
    	$shapes = array(
    		'header-negative'	=> array(
    			'key'			=> 'header-negative',
    			'title'			=> __( 'Header Negative', 'avia_framework' ),
    			'has_width'		=> true,
    			'filename' => 'header-negative'
    		)
    	);
    	return $shapes;
    }, 10, 1);
    

    In the avia_custom_shapes folder, make sure that the name of the svg file is header-negative.

    Best regards,
    Ismael

    in reply to: Dot and Testimonials #1348468

    Hi,

    Sorry for about that. We adjusted this line (980) to get the actual number of entries or testimonials.

    'total_entries'		=> avia_sc_testimonial::$counter - 1,
    'container_entries'	=> 1,
    

    The correct number of dots should display now.

    Best regards,
    Ismael

    in reply to: Clickable image on button #1348467

    Hi,

    Did you try to adjust the height of the button image? You can also adjust the padding around the buttons to adjust the total height.

    #top .cutbutton .avia_button_icon::before {
        height: 30px;
    }
    
    #top .cutbutton .avia-button {
        padding: 10px;
    }

    If you can provide us a screenshot or a mockup of the final layout, then we should be able to provide you with the necessary css.

    Best regards,
    Ismael3

    in reply to: Dot in Content slider #1348239

    Hi,

    Thank you for the screenshot.

    Did you remove the css code that we mentioned above? Please try to toggle or temporarily disable the Enfold > Performance > File Compression settings after removing the css.

    Best regards,
    Ismael

    in reply to: Blog Sidebar Widget Not Showing on Mobile #1348238

    Hey MikeTandySwag,

    Thank you for the inquiry.

    You can enable the sidebar on mobile view by toggling the Enfold > Sidebar Settings > Sidebar on Smartphones option, make sure to purge the cache afterwards.

    Best regards,
    Ismael

    Hi,

    Yes, that should be possible. Please try to add this css code to move the date beside the post title..

    .av-magazine .av-magazine-content-wrap .av-magazine-title {
        float: left;
        margin-right: 10px;
    }
    

    Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

    in reply to: Dot and Testimonials #1348232

    Hi,

    Thank you for the update.

    The error occurs because you haven’t created a new shortcode path in the child theme directory. To do that, we added this code in the functions.php file.

    add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
    function avia_include_shortcode_template($paths)
    {
      $template_url = get_stylesheet_directory();
          array_unshift($paths, $template_url.'/shortcodes/');
    
      return $paths;
    }
    

    We also added this css code in the style.css file to adjust the position of the dots a bit.

    .avia-slideshow-dots a {
        display: inline-block;
    }
    
    .avia-slideshow-dots {
        bottom: -30px;
    }
    

    Best regards,
    Ismael

Viewing 30 posts - 10,981 through 11,010 (of 67,443 total)