Forum Replies Created
-
AuthorPosts
-
Hi,
You have to create the button or the link manually. You can place it in a code or text block along with the Mailchimp shortcode.
<a href="#test-popup" class="open-popup-link">Click this button to open form in lightbox</a> <div id="test-popup" class="white-popup mfp-hide"> YOUR MAILCHIMP SHORTCODE GOES HERE</div>Then add this code in the functions.php file:
function add_custom_script(){ ?> <script type="text/javascript"> jQuery(window).load(function(){ jQuery('.open-popup-link').magnificPopup({ type:'inline', midClick: true }); }); </script> <?php } add_action('wp_footer', 'add_custom_script');Best regards,
IsmaelHi,
Thank you for the inquiry.
This is possible, but it will require a lot of changes to the function. By default, the product order (price, name, etc.) is separate from the product sort (asc, desc). Unfortunately, this level of customization is not covered by our support. You may need to hire a freelancer who can assist you with the customization. You can find freelancers who specialize in theme customization by visiting our customization page.
// https://kriesi.at/contact/customization
If you have any other questions or require further assistance, please feel free to let us know.
Best regards,
IsmaelHey nV15OoBtg21iTn5z,
Thank you for the inquiry.
We can’t see any layout issue with the color section and the header. Would you mind providing a screenshot? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.Regarding the contact page, please add this css code:
@media only screen and (max-width: 989px) { /* Add your Mobile Styles here */ .avia-icon-list .av-iconlist-empty .iconlist_title { word-wrap: break-word; } }Best regards,
IsmaelHi,
Thank you for the update.
We may need to access the site in order to check the issue properly. Please provide an admin login details in the private field.
Best regards,
IsmaelHi,
The top portion of the circle looks to be cut off as well. Do you see that on your end?
Please include this css code to prevent the circle from being cut off:
#top .av-large-testimonial-slider .avia-slideshow-arrows a { margin-top: 0; }Best regards,
IsmaelHey joandjaxx,
Thank you for the inquiry.
You can add this css code to adjust the thickness of the arrow icon:
#top .avia-slider-testimonials.av-slideshow-ui .avia-slideshow-arrows a:before { padding-top: 0; font-weight: 600; font-size: 18px; }Best regards,
IsmaelHi,
Thank you for the screenshot.
Please add this css code to adjust the style of the inner lists:
ol li ul li { list-style-type: lower-alpha; }Best regards,
IsmaelHi,
Thank you for the update.
Have you tried setting the Video element’s Advanced > Privacy Settings > Lazy Load Videos settings to the second option (Wait for user interaction to load the video)? It might have been set to the third option (Show in lightbox).
Best regards,
IsmaelHey keifygeorge,
Thank you for the inquiry.
We didn’t find any product sliders on the page above. Did you remove them? The correct thumbnail size displays in the slider when we tested this on our own installation.
Best regards,
IsmaelHi,
Thank you for the info.
The height of the document seems to adjust correctly when we load more items. Could you provide a short clip of the issue?
Best regards,
IsmaelHey Monika,
Thank you for the inquiry.
Please try to use this css code to get rid of the slider’s box shadow:
.home div#full_slider_1 { box-shadow: none; }Best regards,
IsmaelHi,
Thank you for the info.
The theme is not updated to the latest version 5.7.1. Please update the theme, then add this code in the functions.php file:
function ava_g_tag_custom_script() { ?> <!-- Google Tag Manager --> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TX8QJW27'); </script> <!-- End Google Tag Manager --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TX8QJW27" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <?php } add_action( 'wp_head', 'ava_g_tag_custom_script', 99 );We also recommend installing a child theme so that you can place and preserve the code in the child theme’s functions.php file: https://kriesi.at/documentation/enfold/child-theme/
Best regards,
IsmaelHey William,
Thank you for the inquiry.
The list seems to be rendering correctly on our end. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.
Best regards,
IsmaelHey joandjaxx,
Thank you for the inquiry.
Please add this css code to correct the alignment of the nav arrows:
#top .avia-slider-testimonials.av-slideshow-ui .avia-slideshow-arrows a:before { padding-top: 0; }Best regards,
IsmaelHi,
Thank you for the clarification.
Try to add this code in the functions.php file to override the sorting dropdown:
/** * Displays a front end interface for modifying the shoplist query parameters like sorting order, product count etc * * @since < 4.0 */ function avia_woocommerce_frontend_search_params() { global $avia_config; if (!empty($avia_config['woocommerce']['disable_sorting_options'])) { return; } $product_order = array(); $product_sort = array(); $params = array(); $product_order['default'] = __('Default', 'avia_framework'); $product_order['menu_order'] = __('Custom', 'avia_framework'); $product_order['title'] = __('Name', 'avia_framework'); $product_order['price'] = __('Price', 'avia_framework'); $product_order['date'] = __('Date', 'avia_framework'); $product_order['popularity'] = __('Popularity (sales)', 'avia_framework'); $product_order['rating'] = __('Average rating', 'avia_framework'); $product_order['relevance'] = __('Relevance', 'avia_framework'); $product_order['rand'] = __('Random', 'avia_framework'); $product_order['id'] = __('Product ID', 'avia_framework'); /** * * @since 4.5.6.2 * @param array $product_order * @return array */ $product_order = apply_filters('avf_wc_product_order_dropdown_frontend', $product_order); $product_sort['asc'] = __('Click to order products ascending', 'avia_framework'); $product_sort['desc'] = __('Click to order products descending', 'avia_framework'); $per_page_string = __('Products per page', 'avia_framework'); $per_page = get_option('avia_woocommerce_product_count'); if (!$per_page) { $per_page = get_option('posts_per_page'); } /** * ALB elements can return all elements = -1 */ if (!empty($avia_config['woocommerce']['default_posts_per_page']) && is_numeric($avia_config['woocommerce']['default_posts_per_page'])) { if ($avia_config['woocommerce']['default_posts_per_page'] > 0) { $per_page = $avia_config['woocommerce']['default_posts_per_page']; } } parse_str($_SERVER['QUERY_STRING'], $params); if (!isset($params['product_order'])) { $po_key = 'default'; } else { $po_key = $params['product_order']; } if (!isset($params['product_sort'])) { $ps_key = !empty($avia_config['woocommerce']['product_sort']) ? $avia_config['woocommerce']['product_sort'] : 'asc'; } else { $ps_key = $params['product_sort']; } if ('default' == $po_key) { unset($params['product_sort']); } $params['avia_extended_shop_select'] = 'yes'; // $po_key = ! empty( $avia_config['woocommerce']['product_order'] ) ? $avia_config['woocommerce']['product_order'] : $params['product_order']; // $ps_key = ! empty( $avia_config['woocommerce']['product_sort'] ) ? $avia_config['woocommerce']['product_sort'] : $params['product_sort']; $pc_key = !empty($avia_config['woocommerce']['product_count']) ? $avia_config['woocommerce']['product_count'] : $per_page; $ps_key = strtolower($ps_key); $show_sort = !in_array($po_key, array('rand', 'popularity', 'rating', 'default')); $nofollow = 'rel="nofollow"'; //generate markup $output = ''; $output .= '<div class="product-sorting">'; $output .= '<ul class="sort-param sort-param-order">'; $output .= "<li><span class='currently-selected'>" . __('Sort by', 'avia_framework') . " <strong>{$product_order[$po_key]}</strong></span>"; $output .= '<ul>'; foreach ($product_order as $order_key => $order_text) { $query_string = 'default' == $order_key ? avia_woo_build_query_string($params, 'product_order', $order_key, 'product_sort') : avia_woo_build_query_string($params, 'product_order', $order_key); $output .= '<li>'; $output .= "<a href='{$query_string}' {$nofollow}>"; $output .= "<span class='avia-bullet'></span>{$order_text}"; $output .= '</a>'; $output .= '</li>'; } $output .= '</ul>'; $output .= '</li>'; $output .= '</ul>'; if ($show_sort) { $output .= '<ul class="sort-param sort-param-sort">'; $output .= '<li>'; $output .= '<li' . avia_woo_active_class($ps_key, $order_key) . '>'; if ($ps_key == 'desc') { $output .= "<li><span class='currently-selected'>" . __('Order', 'avia_framework') . " <strong>Descending</strong></span>"; $output .= '<ul>'; } if ($ps_key == 'asc') { $output .= "<li><span class='currently-selected'>" . __('Order', 'avia_framework') . " <strong>Ascending</strong></span>"; $output .= '<ul>'; } foreach ($product_sort as $order_key => $order_text) { $query_string = 'default' == $order_key ? avia_woo_build_query_string($params, 'product_sort', $order_key, 'product_sort') : avia_woo_build_query_string($params, 'product_sort', $order_key); $output .= '<li>'; $output .= "<a href='{$query_string}' {$nofollow}>"; $output .= "<span class='avia-bullet'></span>{$order_text}"; $output .= '</a>'; $output .= '</li>'; } $output .= '</ul>'; $output .= '</li>'; $output .= '</li>'; $output .= '</ul>'; } if (!isset($avia_config['woocommerce']['default_posts_per_page']) || ($avia_config['woocommerce']['default_posts_per_page'] > 0)) { $output .= "<ul class='sort-param sort-param-count'>"; $output .= "<li><span class='currently-selected'>" . __('Display', 'avia_framework') . " <strong>{$pc_key} {$per_page_string} </strong></span>"; $output .= '<ul>'; $output .= '<li' . avia_woo_active_class($pc_key, $per_page) . "><a href='" . avia_woo_build_query_string($params, 'product_count', $per_page) . "' {$nofollow}> <span class='avia-bullet'></span>{$per_page} {$per_page_string}</a></li>"; $output .= '<li' . avia_woo_active_class($pc_key, $per_page * 2) . "><a href='" . avia_woo_build_query_string($params, 'product_count', $per_page * 2) . "' {$nofollow}> <span class='avia-bullet'></span>" . ($per_page * 2) . " {$per_page_string}</a></li>"; $output .= '<li' . avia_woo_active_class($pc_key, $per_page * 3) . "><a href='" . avia_woo_build_query_string($params, 'product_count', $per_page * 3) . "' {$nofollow}> <span class='avia-bullet'></span>" . ($per_page * 3) . " {$per_page_string}</a></li>"; $output .= '</ul>'; $output .= '</li>'; $output .= '</ul>'; } $output .= '</div>'; echo $output; }Best regards,
IsmaelHey northorie,
Thank you for the inquiry.
You can use the theme’s default lightbox to open inline content in a popup. Please check the link below for more info: https://kriesi.at/support/topic/lightbox-for-mailchimp-form/#post-582439
In the example above, you can use this shortcode to display a mailchimp form:
[av_mailchimp list='' double_opt_in='true' on_send='' sent='Thank you for subscribing to our newsletter!' link='' color='' hide_labels='' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' alb_description='' id='' custom_class='' template_class='' av_uid='' sc_version='1.0'][/av_mailchimp]You may need to update the value in the list parameter.
Best regards,
IsmaelHi,
Thank you for the inquiry.
Yes, you can use the Table element to recreate the columns. It’s possible to insert up to 20 columns in the table, and you can insert html tags in each cell.
Best regards,
IsmaelHey Lewcfir66,
Thank you for the inquiry.
You can set the heading and body font in the Enfold > General Styling > Fonts tab. You can also adjust the style of a specific element in the Enfold > Advanced Styling panel. To further adjust the font size of the headings on different screen sizes, go to the Enfold > General Styling > Typography tab.
Best regards,
IsmaelHey Monika,
Thank you for the inquiry.
We can’t reproduce the issue on our end. Please try upgrading the theme from version 5.6.10 to 5.7.1 and let us know if this fixes the issue.
Best regards,
IsmaelHi,
Thank you for the update.
And the size of the font plaese?
To adjust the font size, please adjust the css code a bit:
.avia-table tr.avia-heading-row { color: white; font-size: 18px; }Best regards,
IsmaelHey Robert,
Thank you for the inquiry.
Have you tried importing the demo through the Enfold > Demo Import panel? If you need to import it manually, you can download the XML files from here: https://github.com/KriesiMedia/enfold-library/tree/master/demos
For more info, please check the link below: https://kriesi.at/documentation/enfold/import-demos/#how-to-manually-import-a-theme-demo
Best regards,
IsmaelHi,
Thank you for the info.
We tried to recreate the curriculum page using a template on another page (see private field), but we encountered the same error with the text blocks. Looks like the content has been corrupted. Have you added html tags to the text blocks? It might be necessary to rebuild this page from scratch.
Best regards,
IsmaelHi,
Thank you for the info.
It seems the product attributes were not imported correctly. You might need to create your own product attributes, set up product variations, and add the product filter widgets. For more info about product attributes and variations, please refer to the links below:
// https://woocommerce.com/document/woocommerce-product-search/widgets/product-filter-attributes/
// https://woocommerce.com/document/managing-product-taxonomies/#product-attributesBest regards,
IsmaelHey robertbwc,
Thank you for the inquiry.
There is no option for this by default, but you might achieve it using product attributes or filters. Check the link below for more info:
// https://woocommerce.com/document/woocommerce-product-search/widgets/product-filter-attributes/
Before using the filter or product attributes widget, ensure you create and apply attributes to the products:
// https://woocommerce.com/document/managing-product-taxonomies/#product-attributes
Best regards,
IsmaelMay 29, 2024 at 5:25 am in reply to: Adjust Space Between Main Menu Navigation Links in Header #1446912Hey craig374,
Thank you for the inquiry.
Have you tried adjusting the Enfold > Main Menu > Menu Items For Mobile settings to the second option (Activate for Smartphones and Tablets)?
If you want to adjust the font size and space between the menu items on tablet view, add this css code:
@media only screen and (max-width: 1024px) { /* Add your Mobile Styles here */ #top #header .av-main-nav>li>a { font-size: 12px; padding: 0 4px; } }Best regards,
IsmaelHey extraeyes,
Thank you for the inquiry.
This is the current image (see private field) that displays when we checked the page. Is this the correct image? Have you tried purging the cache before checking the page?
Best regards,
IsmaelHi,
Great! Glad to know that this has been resolved. Please feel free to open another thread if you have more questions about the theme.
Have a nice day.
Best regards,
IsmaelMay 29, 2024 at 5:16 am in reply to: No editors – Classic/Gutenberg/Advanced showing in adding new posts #1446908Hi,
Thank you for the update.
We disabled the Gutenberg plugin because it is no longer required to use the block editor. You can now toggle the default editor in the Enfold > Theme Options > Select Your Editor settings. Disabling the plugin also fixed the issue with the Advanced Layout Builder.
Best regards,
IsmaelHey nebuddlho,
Thank you for the inquiry.
We’re not sure what you’re referring to, and we can’t find the order dropdown on the product page. Would you mind providing a screenshot of the element that you’d like to adjust and a mock of how it’s supposed to look? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.
Best regards,
IsmaelHey MikeTandySwag,
Thank you for the inquiry.
There is no option for this by default, but you can add captions to the images, and it will display as a tooltip. Alternatively, you can use this script in the functions.php file:
function ava_custom_script_gallery_title() { ?> <script> (function ($) { function g() { $('.avia-gallery-thumb img[data-avia-tooltip]').each(function () { var tooltipText = $(this).attr('data-avia-tooltip'); var paragraph = $('<p></p>').text(tooltipText); $(this).after(paragraph); }); } $(document).ready(function () { g(); }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script_gallery_title');Best regards,
Ismael -
AuthorPosts
