Forum Replies Created

Viewing 30 posts - 12,901 through 12,930 (of 66,075 total)
  • Author
    Posts
  • in reply to: Portfolio grid hover like masonry grid hover #1307959

    Hey Marc,

    Thank you for the inquiry.

    You can try this css code to hide the grid content container initially and only display it on hover.

    .grid-content {
    	opacity: 0;
    	transition: all 0.5s;
    	position: absolute;
    	bottom: 0;
    	width: 100%;
    }
    
    .grid-entry:hover .grid-content {
    	opacity: 1;
    }

    Best regards,
    Ismael

    in reply to: Parallax effect with text over image #1307957

    Hey Sebastian,

    Thank you for the inquiry.

    Are you trying to limit the width of the background? Have you tried applying the background image or color to a 1/1 column element instead of applying it to the color section? Please provide a link to the page so that we could check it.

    Best regards,
    Ismael

    in reply to: Redundant title text within Icon Boxes #1307954

    Hey laptophobo,

    Thank you for the inquiry.

    You may need to modify the iconbox shortcode file directly. You will find the title attribute or markup around line 580:

    $linktitle = $title;
    
    				switch( $linkelement )
    				{
    					case 'both':
    						if( $title ) 
    						{
    							$title = "<a href='{$link}' title='" . esc_attr( $linktitle ) . "' $blank>$linktitle</a>";
    						}
    
    						$display_char_wrapper['start'] = "a href='{$link}' title='"  . esc_attr($linktitle) . "' {$blank}";
    						$display_char_wrapper['end'] = 'a';
    						break;
    					case 'only_icon':
    						$display_char_wrapper['start'] = "a href='{$link}' title='" . esc_attr($linktitle) . "' {$blank}";
    						$display_char_wrapper['end'] = 'a';
    						break;
    					default:
    						if( $title ) 
    						{
    							$title = "<a href='{$link}' title='" . esc_attr( $linktitle ) . "' {$blank} >$linktitle</a>";
    						}
    
    						$display_char_wrapper['start'] = 'div';
    						$display_char_wrapper['end'] = 'div';
    						break;
    				}
    

    Best regards,
    Ismael

    in reply to: importing font #1307949

    Hey Spiru_show1!

    Duplicate thread: https://kriesi.at/support/topic/importing-font-2/

    Cheers!
    Ismael

    in reply to: importing font #1307948

    Hey Spiru_show1,

    Thank you for the inquiry.

    Please make sure that PHP Zip Archive extension is enabled. For more info, please check the following thread.

    // https://kriesi.at/support/topic/adobe-fonts-in-enfold/#post-1305076

    Best regards,
    Ismael

    in reply to: Broken or missing icons #1307918

    Hey Pikatchu,

    Thank you for the inquiry.

    Did you enable the social icons from the Enfold > Header > Extra Elements panel? The scroll to top icon is not displaying because for some reason, the value of the data-av_icon attribute is missing. Did you modify any of the template files? Please toggle or disable the Enfold > Performance > File Compression settings, then disable the cache plugin temporarily.

    Best regards,
    Ismael

    in reply to: Error on editing pages #1307915

    Hey Iloivar,

    Thank you for the inquiry.

    Did you install the Classic Editor plugin? Please try to disable it and toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards. Purge the cache before checking the editor again. You should also select your preferred editor in the Enfold > Theme Options > Select Your Editor settings.

    Best regards,
    Ismael

    in reply to: Magnific Popup takes you to top of page #1307913

    Hey laura1234,

    Thank you for the inquiry.

    You can try the solution that we posted in the following thread to prevent it from automatically scrolling to the top when lightbox is opened.

    // https://kriesi.at/support/topic/modal-pop-up-window-on-mobiles/#post-1292390

    Best regards,
    Ismael

    in reply to: Contact Form Thank You Text Size #1307912

    Hey jleclair87,

    Thank you for the inquiry.

    You can use this css to adjust the font size of the contact form response text.

    .avia_ajax_form .ajaxresponse {
       font-size: 2em;
       font-size: 32px;
    }
    

    Best regards,
    Ismael

    in reply to: Mobile device display order #1307911

    Hi,

    We cannot find the page with the 1/2 columns, so we created a draft page instead. We added a color section and applied a unique class name to it called “av-custom-column-order” so that we can differentiate it from other color sections. In the color section, we inserted three rows with two 1/2 column elements each. Then we added this css code in the Enfold > General Styling > Quick CSS field to reverse the order of columns in each row on mobile view

    @media only screen and (max-width: 767px) {
    
      /* Add your Mobile Styles here */
      .av-custom-column-order .entry-content-wrapper {
        display: flex;
        direction: ltr;
        flex-direction: column;
      }
    
      .av-custom-column-order .av_one_half:nth-child(1) {
        order: 2;
      }
    
      .av-custom-column-order .av_one_half:nth-child(2) {
        order: 1;
      }
    
      .av-custom-column-order .av_one_half:nth-child(3) {
        order: 4;
      }
    
      .av-custom-column-order .av_one_half:nth-child(4) {
        order: 3;
      }
    
      .av-custom-column-order .av_one_half:nth-child(5) {
        order: 6;
      }
    
      .av-custom-column-order .av_one_half:nth-child(6) {
        order: 5;
      }
    }
    

    See private field for the draft page link.

    Best regards,
    Ismael

    in reply to: Tag archive #1307908

    Hey marcie73,

    Thank you for the inquiry.

    For the tag archive page, you can use this code in the functions.php file to replace div with h1.

    /**
    	 * Show an archive description on taxonomy archives.
    	 */
    	function woocommerce_taxonomy_archive_description() {
    		if ( is_product_taxonomy() && 0 === absint( get_query_var( 'paged' ) ) ) {
    			$term = get_queried_object();
    
    			if ( $term && ! empty( $term->description ) ) {
    				echo '<h1 class="term-description">' .  wp_kses_post( $term->description )  . '</h1>'; 
    			}
    		}
    	}
    

    And modify the hooks that we created previously. Try to replace it with:

    // ADD PRODUCT CATEGORY DESCRIPTION IN RIGHT PLACE
    add_action("after_setup_theme", function() {
    	if(is_product_category()) {
                 add_action( "woocommerce_before_shop_loop", "woocommerce_taxonomy_archive_description", 10 );
            }
    	add_action( "woocommerce_before_shop_loop", "woocommerce_before_shop_loop", 10 );
    }, 20);
    

    Best regards,
    Ismael

    in reply to: Use product category or single pages in menu #1307894

    Hi,

    Thank you for the update.

    Unfortunately, you cannot edit the archive pages using the advance layout builder. You will have to modify the template files directly in order to change the layout of the product category pages. For more info, please check the following documentation.

    // https://docs.woocommerce.com/document/template-structure/

    Best regards,
    Ismael

    in reply to: The icons don't show correctly in my website #1307892

    Hey langs24,

    Thank you for the inquiry.

    The icons are not displaying correctly because the site where it is loaded from or retrieved is different from the actual domain. Are you doing any redirection, or did you set WordPress to load from a different domain?

    You may need to set a CORS policy to allow fonts or resource from a different domain.

    // https://kriesi.at/documentation/enfold/icon/#icons-are-showing-as-rectangular-boxes-

    Best regards,
    Ismael

    in reply to: Masonry filter and load more button conflict #1307891

    Hey Marc,

    Thank you for the inquiry.

    We can use the avia_masonry_entries_query filter to adjust the query for the masonry element and increase the number of items or entries without having to adjust the element option or edit the files directly.

    Example:

    /** alter masonry query **/
    function avia_masonry_entries_query_mod( $query ) {
    	$query["posts_per_page"] = 200;
    	return $query;
    }
    
    add_filter("avia_masonry_entries_query", "avia_masonry_entries_query_mod");
    

    Please note that the filter above will affect every masonry element in the site, so adding conditional functions or logic to limit it to certain pages or a specific masonry element may be necessary.

    Best regards,
    Ismael

    in reply to: Tab Section problem, doesnt show full content #1307887

    Hi,

    Thank you for the info.

    The tab section works well with static content or content with definite height. It has issues with element that dynamically changes on user interaction such as the masonry element and iframes loading content from external sources. To fix the issue with the pagination or the load more button, you may need to add this script in the functions.php file.

    
    function ava_custom_script_tab_resize(){
    	?>
    	<script type="text/javascript">
            (function() {
               $('.av-masonry-load-more').on('click', function() {
                setTimeout( function() {
                    $(window).trigger('av-content-el-height-changed');
                }, 1000);
               });
            })();
    	</script>
    	<?php
    }
    add_action('wp_footer', 'ava_custom_script_tab_resize');
    

    And for the iframe issue, this might be needed.

     function ava_enqueue_custom_script_resize() {
        if ( wp_script_is( 'avia-default', 'registered' ) ) {
            wp_add_inline_script( 'avia-default', "(function($){	
                var int = window.setInterval(function(){
                    console.log('tick');
                    $(window).trigger('resize');
                    $(window).trigger('av-content-el-height-changed');
                }, 2000);
    
                $(window).on('load', function() {
                    setTimeout( function() {
                        clearInterval(int);
                    }, 1000 );  
                });
            })(jQuery);" );
        }
     }
     add_action( 'wp_enqueue_scripts', 'ava_enqueue_custom_script_resize', 9999);
    

    Best regards,
    Ismael

    in reply to: woocommerce 2 column checkout #1307883

    Hi,

    Thank you for the inquiry.

    You can use this css code to adjust the width of the checkout form and the order details.

    @media only screen and (min-width: 768px) {
      .woocommerce-checkout {
        display: flex;
        justify-content: space-between;
      }
    
      .woocommerce-checkout #customer_details {
        overflow: visible;
        flex: 1 1 60%;
        margin-right: 4%;
      }
    
      .woocommerce-checkout #order_review_heading {
        position: absolute;
        left: 64%;
      }
    
      .woocommerce-checkout #order_review {
        flex: 1 3 34%;
        top: 54px;
        position: inherit;
      }
    }

    Best regards,
    Ismael

    in reply to: Unique title and description on pagination pages! #1307881

    Hi,

    Thank you for the info.

    Would you mind posting the login details in the private field so that we could check the site properly? Please make sure that the Appearance > Editor panel is accessible.

    Best regards,
    Ismael

    Hey Annemarie,

    Thank you for the inquiry.

    that you could clean up the next time you’re working on the cookie window content

    What do you mean? Would you mind posting a screenshot of the issue so that we can understand it better? We checked the lines that you mentioned above but we did not find any unusual or missing markup.

    Best regards,
    Ismael

    in reply to: Linking Problem with Anchor in Menu #1307879

    Hi,

    @EFESQU: Updating the theme to the latest version (4.8.3) should help. If not, try to revert jQuery to an older version by using the following plugin.

    // https://wordpress.org/plugins/enable-jquery-migrate-helper/

    Best regards,
    Ismael

    in reply to: Overlapping of Logo and Menu #1307877

    Hey franziskaivens,

    Thank you for the inquiry.

    The menu is now set to an icon on both mobile and desktop view. Did you change the menu settings to prevent the menu from overlapping with the logo?

    Best regards,
    Ismael

    in reply to: Problem with Enfold theme, size of featured image #1307756

    Hey rmieniawski,

    Thank you for the inquiry.

    The size of the featured image on post with sidebar is set to 845x321px by default. You can adjust it directly in the functions.php file (line 195).

    $avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>845, 'height'=>321);	
    

    Or by using the following plugin.

    // https://wordpress.org/plugins/simple-image-sizes/

    Best regards,
    Ismael

    in reply to: masonry gallery caption #1307754

    Hey jelle,

    Thank you for the inquiry.

    You should be able to add the title and description of the images directly in the Media > Library panel. Have you tried that? The lightbox relies on the title attribute, so placing the description of the image in the title attribute field should work.’

    // https://codex.wordpress.org/Inserting_Media_into_Posts_and_Pages#Step_4_.E2.80.93_Attachment_Details

    Best regards,
    Ismael

    in reply to: WooCommerce Checkout Page Layout #1307751

    Hey creativeopole,

    Thank you for the inquiry.

    The layout that you see in the screenshot is actually the default template from the Woocommerce plugin . It is not from the theme. It can be adjusted by overriding the hooks or by editing the plugin’s template files directly. Please check the following documentation and article for more info.

    // https://docs.woocommerce.com/document/template-structure/
    // https://wpdevdesign.com/how-to-override-woocommerce-templates-using-a-custom-functionality-plugin/

    Best regards,
    Ismael

    in reply to: Cannot edit visual text block editor – again #1307750

    Hey nickname-superstar,

    Thank you for the update.

    Do you see the same errors in the logs? According to the log, the error is with the layer slider and the KM_UpdatesV3 class. Did you remove the layer slider from the Enfold > Layout Builder > Layerslider Options settings?

    Best regards,
    Ismael

    Hey InnovGrp,

    Thank you for the inquiry.

    This should be possible but adding this kind of feature is beyond the scope of support. You can look at this library or extension to get the country of the client based on the IP address.

    // https://www.php.net/manual/en/book.geoip.php

    You can then edit the handler_wp_footer_cookie_consent_bar function in the enfold/includes/helper-privacy.php and set the conditions accordingly.

    Best regards,
    Ismael

    in reply to: Mobile device display order #1307746

    Hi,

    The login token above is not working. Are you sure that it is still valid? Would you mind posting the admin account that you are using so that we can access the dashboard?

    Examples of the solution that we described above can be found here.

    // https://kriesi.at/support/topic/element-layout-in-mobile/#post-1193991
    // https://kriesi.at/support/topic/flex-columns-on-2-51-51-51-5/#post-1299173
    // https://kriesi.at/support/topic/sidebar-on-smartphone/#post-1262386

    Best regards,
    Ismael

    in reply to: Tab Section problem, doesnt show full content #1307742

    Hey Mohamad,

    Thank you for the inquiry.

    Does it work correctly when you remove the loading=”lazy” attribute from the iframe element?

    <iframe loading="lazy" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/2541798&color=%23ebce45&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true" width="100%" height="450" frameborder="no" scrolling="yes"></iframe>
    

    It is possible that the height of the tab section is not calculated properly because the iframe only loads when the tab title is clicked.

    Best regards,
    Ismael

    in reply to: Google Map Marker Size Increase #1307692

    Hi,

    We already modified the script directly in the parent theme. If you want to place it in the child theme, you have to unregister the original file and register it back with the new path in the child theme.

    Example:

    // https://kriesi.at/support/topic/tabs-select-on-hover/#post-1307497
    // https://kriesi.at/support/topic/how-to-disable-google-maps-zoom-double-click-right-or-left/#post-1303702

    Best regards,
    Ismael

    in reply to: Yoast not adding page number to home pagination title #1307689

    Hi,

    @Konstantin: We replied in the following thread. Please continue there.

    // https://kriesi.at/support/topic/unique-title-and-description-on-pagination-pages/

    Best regards,
    Ismael

    in reply to: What element for an interactive image row? #1307687

    Hi,

    No problem. Please feel free to open another thread if you need anything else.

    Have a nice day.

    Best regards,
    Ismael

Viewing 30 posts - 12,901 through 12,930 (of 66,075 total)