Forum Replies Created
-
AuthorPosts
-
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,
IsmaelHey 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,
IsmaelHey 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,
IsmaelHey 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,
IsmaelHey 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,
IsmaelHey 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,
IsmaelHey 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,
IsmaelHey 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,
IsmaelHi,
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,
IsmaelHey 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,
IsmaelHi,
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,
IsmaelHey 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,
IsmaelHey 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,
IsmaelHi,
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,
IsmaelHi,
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,
IsmaelHi,
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,
IsmaelJune 29, 2021 at 8:46 am in reply to: Cookie Handling – Popup Window – (info only, paragraph text needs clearing) #1307880Hey 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,
IsmaelHi,
@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,
IsmaelHey 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,
IsmaelHey 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,
IsmaelHey 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,
IsmaelHey 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,
IsmaelHey 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,
IsmaelJune 28, 2021 at 2:07 pm in reply to: Privacy & Cookies – Display Cookie Consent Messages for EU & California only #1307747Hey 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,
IsmaelHi,
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-1262386Best regards,
IsmaelHey 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,
IsmaelHi,
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-1303702Best regards,
IsmaelJune 28, 2021 at 9:19 am in reply to: Yoast not adding page number to home pagination title #1307689Hi,
@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 -
AuthorPosts