Forum Replies Created
-
AuthorPosts
-
Hi,
No problem! Glad it worked. Please feel free to open another thread if you need anything else.
Have a nice day.
Best regards,
IsmaelHi,
Great! Glad it is solved and thank you for sharing the magic.
Have a nice day.
Best regards,
IsmaelHi,
Thank you for following up.
Until the next update I have changed the preview permalink with the hook “preview_post_link” to the portfolio permalink.
Does it work when you temporarily disable the hook? We may need to access a staging or development version of the site to safely inspect the issue. Please clone the site to a subdomain and make sure that the theme is updated, then we will check the issue again.
Best regards,
IsmaelHi,
Thank you for the update.
You can still provide or send the fix via email or via this thread. Just provide a link to the previous thread or post and we will make sure to notify the user about it.
Best regards,
IsmaelHi,
Thank you for the info.
The default demo is actually using the stretched layout, so I am not sure which section in the page you are referring to or which part of the page you think has the boxed layout. You may want to know that the sections are separated using the Color Section element, and the container width can be adjusted in the Enfold > General Layout > Dimensions > Maximum Container width field.
Would you mind providing a screenshot of the section that you would like to recreate?
Best regards,
IsmaelHey tikery,
Thank you for the inquiry.
Have you selected a font yet? The following thread (see private field) might help you decide which font to use for Chinese characters. The user provided links to the fonts, which can be used for free. All you need to do is upload the font files to your server and use the @font-face rule to register them to the site.
// https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face
You may also need to apply the font to the elements (special heading, text block) manually using css (Quick CSS field or style.css file). Unfortunately, you cannot use the font manager in this case because it is only intended for Google Fonts.
Best regards,
IsmaelHi,
Thank you for the update.
There are 3 instances of the theme in the site and none of them are updated. The latest version of the theme is now 4.8.7.2, which is available in your Themeforest account. Unfortunately, you will not be able to do an automatic update with the current version, so you will have to download the latest version and update the theme manually via FTP.
// https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
Before doing so, make sure to create a site backup or a restore point. The update might cause some things to change a bit or break since you will be updating from a very old version of the theme. If that happens, just try to toggle or temporarily disable the Enfold > Performance > File Compression settings, deactivate Autoptimize, then purge the cache.
Please make sure to update the theme regularly.
Best regards,
IsmaelHey EL,
Thank you for the inquiry.
The position of the main menu container is a little bit off center because of this css code.
#header .main_menu { width: 100%; left: 45%; transform: translateX(-50%); }
The value 45% should be replaced with 50% to correctly align the menu container to the center. You should be able to adjust the menu items properly after that.
#top #header .av-main-nav li:nth-child(3) { margin-right: 299px; }
Best regards,
IsmaelHey Rob,
Thank you for the inquiry.
Where can we see the issue? Please provide the site URL in the private field and include the login details if possible.
The position of the mega menu is calculated based on a few factors such as the browser viewport width, the position of the parent menu item, the number of columns in the mega menu or its total width etc, and so any changes on these factors and/or variables will affect the mega menu position or offset value. The script that calculates this position or value can be found in the enfold/js/avia-snippet-megamenu.js file, look for the calc_offset function.
You should be able to adjust the position of a specific mega menu container using css.
Best regards,
IsmaelHi,
Thank you for the update.
We cannot reproduce the issue on our end. All posts (9 items in total) are displayed in the masonry element with or without the filter above. The load more button is working properly as well.
Filter active: https://imgur.com/PKsY3gO
Filter inactive: https://imgur.com/EfhxsIYThe items “html styles” and “hello world” are both sticky posts.
Best regards,
IsmaelHi,
Thank you for the info.
Yes, you can just delete it. You might have accidentally uploaded the whole Themeforest package or folder in the themes folder previously. Before deleting it, make sure to create a site backup or a restore in point just in case.
Best regards,
IsmaelHey Thomas Sommer,
Thank you for the inquiry.
Please follow the steps below in order to find the purchase code and use it to create an account here in the forum.
Where do I find my ThemeForest purchase code?
1.) Sign in to your ThemeForest account.
2.) Go to your Downloads page.
3.) Click the big Download button next to your theme.
4.) Click the “License certificate and purchase code” link.
5.) Open the text file and locate your Item Purchase Code.The support license code should be located in the same panel.
You will also have to register the theme or get an Envato token.
Here’s how: https://kriesi.at/documentation/enfold/theme-registration/
Best regards,
IsmaelHi,
Thank you for the update.
There was a minor syntax error in the code above. We corrected it just now. Please make sure to purge the cache after adjusting the code.
Best regards,
IsmaelHey AddonDigital,
Thank you for the inquiry.
You can use this code in the functions.php to move the magazine post title above the time info.
// move the magazine title to the top function ava_custom_script_move_mag_title(){ ?> <script> (function($) { $(document).ready(function() { $(".av-magazine-entry").each(function() { var title = $(this).find(".av-magazine-title"); var time = $(this).find(".av-magazine-time "); title.insertBefore(time); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script_move_mag_title');
Please make sure to purge the cache before testing the page.
Best regards,
IsmaelHey Thilo112,
Thank you for the inquiry.
Is it working correctly when you deactivate the Autoptimize plugin or when you disable the css compression? Can we temporarily deactivate the plugins to test? Also, please make sure to update the theme to version 4.8.7.2.
Best regards,
IsmaelNovember 15, 2021 at 1:46 pm in reply to: How to use Metadata content element to show particular categories #1329090Hi,
Thank you for the update.
We created a custom shortcode that should render the child categories of a given parent category. You have to add this code in the functions.php file.
// get parent category children function avs_get_term_children( $atts ) { $a = shortcode_atts( array( 'parent_id' => null, ), $atts ); $term_output = ''; $term_id = $a['parent_id']; $taxonomy_name = 'category'; $termchildren = get_term_children( $term_id, $taxonomy_name ); if($termchildren) { ob_start(); echo '<ul>'; foreach ( $termchildren as $child ) { $term = get_term_by( 'id', $child, $taxonomy_name ); echo ' <li><a href="' . get_term_link( $child, $taxonomy_name ) . '">' . $term->name . '</a></li>'; } echo '</ul>'; $term_output = ob_get_clean(); } return $term_output; } add_shortcode( 'avs_term_children', 'avs_get_term_children' );
You can use the shortcode in a text or code block like this.
[avs_term_children parent_id=2]
Make sure to place the actual ID of the parent category as the value of the parent_id parameter.
Best regards,
IsmaelHi,
No problem! We hope that we could help you better in the future and please feel free to open another thread if you need anything else.
Have a nice day.
Best regards,
IsmaelHi,
@Guenni007: Thank you for the solution. :)@Elmar: You can also try this script to create a search field inside the mobile menu container.
// https://kriesi.at/support/topic/search-box-in-overlay-search-box/#post-1320840
Best regards,
IsmaelHi,
Thank you for the inquiry.
You may need to add this filter in the functions.php file to exclude the current post from the blog posts query.
add_filter("avia_post_slide_query", function($query) { if(is_singular('post')) { $query['post__not_in'] = array(get_the_ID()); } return $query; }, 10, 1);
Best regards,
IsmaelHey Daniele,
Thank you for the inquiry.
The issue occurs only on the German and Spanish languages because in those languages, the first widget contains four menu items instead of three, which pushes the third widget to the second column, and in turn causes the fourth widget to drop to the third row. By default, footer widgets should stack up above each other on mobile view but you have modified it with this css code to create a two-column layout.
.responsive #top #wrap_all #footer .flex_column.av_one_fourth:not(.second) { width: 50% !important; }
To fix it, remove the css code, then use this instead.
#footer .container { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; }
Make sure to place the css inside the css media query for mobile view.
Best regards,
IsmaelHi,
No problem! Glad we could be of help. Please let us know if you need anything else. We will close this thread for now.
Have a nice day.
Best regards,
IsmaelHi,
Thank you for the update.
Could you provide a link to the demo that you would like to import, or just tell us the name of the demo so that we can provide its configuration?
Best regards,
IsmaelHey jewel_bug,
Thank you for the inquiry.
I hope you are doing good as well.
To set the site to have a boxed layout, all you need to do is set the Enfold > General Layout > Use stretched or boxed layout? settings to the second option (Boxed Layout). You can also adjust the maximum container width in the Dimensions panel.
For more info about the theme, please check the documentation.
// https://kriesi.at/documentation/enfold/
And some video tutorials are available in this channel or playlist.
// https://www.youtube.com/watch?v=AIXXTmyjKnk&list=PLgJeRQxEOJmoe873P5CGwNuhbs5mkeopT
Best regards,
IsmaelHey Szunyi Sándor,
Thank you for the inquiry.
The theme contains basic accessibility features and even after updating the theme, it may still require a few adjustments and additional plugins to fully comply with WCAG 2.1. Unfortunately, the current version of the theme in your installation is quite old, so updating will surely change a lot of things and might even break others. In the future, please ensure that the theme is always updated and make sure to create a site backup or restore prior to the update.
Best regards,
IsmaelNovember 15, 2021 at 3:33 am in reply to: Image gallery with thumbnails element – click instead of hover #1329002Hi,
Thank you for your patience.
While the devs are working on a solution, try to edit the gallery element and set the Advanced > Link Settings > Image Link settings to the last option (no links) to disable the links completely. We will also have to modify the enfold/config-templatebuilder/avia-shortcodes/gallery/gallery.js file directly to replace mouse hover with click. Look for this code around line 33..
gallery.on('mouseenter','.avia-gallery-thumb a', function()
,.. and replace it with.
gallery.on('click','.avia-gallery-thumb a', function()
After that, add this code in the functions.php file to re-enable the lightbox for the gallery.
function av_popup_gallery(){ ?> <script type="text/javascript"> (function($) { $(document).ready(function(){ $('.avia-gallery-big').removeClass('noLightbox avianolink fakeLightbox'); $('.avia-gallery-big').magnificPopup({ image: { markup: '<div class="mfp-figure">'+ '<div class="mfp-close"></div>'+ '<div class="mfp-img"></div>'+ '<div class="mfp-bottom-bar">'+ '<div class="mfp-title"></div>'+ '<div class="mfp-counter"></div>'+ '</div>'+ '</div>', // Popup HTML markup. <code>.mfp-img</code> div will be replaced with img tag, <code>.mfp-close</code> by close button cursor: 'mfp-zoom-out-cur', // Class that adds zoom cursor, will be added to body. Set to null to disable zoom out cursor. titleSrc: 'title', // Attribute of the target element that contains caption for the slide. // Or the function that should return the title. For example: // titleSrc: function(item) { // return item.el.attr('title') + '<small>by Marsel Van Oosten</small>'; // } verticalFit: true, // Fits image in area vertically tError: '<a href="%url%">The image</a> could not be loaded.' // Error message } }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'av_popup_gallery');
Please do not forget to toggle or temporarily disable the Enfold > Performance > File Compression settings after doing the steps above.
Best regards,
IsmaelNovember 15, 2021 at 3:13 am in reply to: space character in "Spezielle Überschrift" does not work #1329000Hey proflindner,
Thank you for the inquiry.
Where can inspect the issue? Please post the site details in the private field so that we can access the site and further test the issue. Make sure that the Appearance > Editor panel is accessible.
Best regards,
IsmaelHi,
Thank you fo the update.
Try to use this css code to remove the border below the header.
@media only screen and (max-width: 767px) { .responsive.html_top_nav_header .av-section-bottom-logo { border: none; } }
After adding the css, make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings before checking the page again.
Best regards,
IsmaelHey Tobias,
Thank you for the inquiry.
The default product header should be disabled by default. Did you add any hooks or filters in the functions.php file, or did you modify any product templates?
To remove the title back, please add this code in the functions.php file.
add_action('after_setup_theme', function() { if( is_product_category() ) { add_filter('woocommerce_show_page_title', "__return_false"); } }, 10);
Best regards,
IsmaelHi,
Thank you for the info.
Looks like you are still using pages instead of the actual archive or category pages. To completely disable the highlighting or to remove the indicator when viewing a single post page, we added this code in the Quick CSS field.
.single-post #menu-item-3867 .avia-menu-fx, .single-post #menu-item-3866 .avia-menu-fx { display: none; } .single-post .header_color .main_menu ul:first-child > #menu-item-3867.current-menu-item > a, .single-post .header_color .main_menu ul:first-child > #menu-item-3866.current-menu-item > a { color: #b5b5b5; }
We also disabled the Enfold > Performance > File Compression settings temporarily. You can toggle it back once you are done checking the page.
Best regards,
IsmaelNovember 15, 2021 at 2:19 am in reply to: Cross-Origin Request Blocked: Font loading blocked on English WPML #1328994Hi,
Thank you for the update.
We would like to know if you actually created different directories for each language. Can we access the site and check the WPML settings (WPML > Languages > Language URL format)? We would like to check if there is a dedicated directory for each language or just different domains. If a different domain is set for each language, then it means that they share the same directory or the same WordPress installation. This will also mean that all languages share the same upload directory, which is where the avia_fonts folder is located and where the custom fonts are placed.
The easiest way is to configure the CORS policy in the .htaccess as suggested above.
Best regards,
Ismael -
AuthorPosts