Forum Replies Created
-
AuthorPosts
-
Hi!
Glad to know that most of the issues were fixed. Regarding the buttons, please edit the cells containing the columns, apply “av-portfolio-button-lp” in the Advanced > Developer Settings > Custom CSS Class field, then add this css code:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .responsive #top #wrap_all .av-flex-cells .av-portfolio-button-lp { display: flex; justify-content: center; align-items: center; } }
Let us know the result.
Best regards,
IsmaelHi!
Unfortunately, you won’t be able to consistently display the full image, as this depends on the size and aspect ratio of the parent container, which will vary depending on the screen resolution and size. The same applies when using the Image element — even if you manage to make it the same height as the sibling column.
Regards,
IsmaelHey Luigi,
Thank you for the inquiry.
This should be handled by the theme. Have you tried toggling the Enfold > Performance > File Compression settings? You can also manually delete the old scripts and stylesheets in the wp-content/uploads/dynamic_avia folder if the scheduled event continues to fail. Please make sure to create a backup before proceeding.
Best regards,
IsmaelHi,
Try to wrap the css modification inside this css media query so that it won’t affect the mobile view.
@media only screen and (min-width: 768px) { /* Add your Desktop Styles here */ }
And to be able to target specific elements in the page, try to apply a unique ID or class names to them.
— https://kriesi.at/documentation/enfold/add-custom-css/
Best regards,
IsmaelHi,
Unfortunately, we are not familiar with the plugin and are not sure how it counts page views. You may need to contact the plugin developer for additional assistance regarding the issue.
Best regards,
IsmaelHey M-Graphics24,
Thank you for the inquiry.
1.) The footer menu doesn’t look bold when we checked. Did you figure this out?
2.) The footer columns have the same size (29% of the parent container) and is equally spaced — 6% left margin.
3.) One of the css media queries was not closed properly. We corrected the css code.
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,
IsmaelHey ausgesonnen,
Thank you for the inquiry.
Have you tried uploading a larger image? The current logo size is 300x300px. Try uploading a 600x600px version of the image.
Best regards,
IsmaelMarch 14, 2025 at 6:06 am in reply to: How to add top and bottom border to a specific Color Section #1479304Hi,
Thank you for the update.
Have you tried to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css? Please provide the URL of the page containing the color section so we can check it.
Best regards,
IsmaelHi,
We added the modification for the home page.
If you need additional help with modifications, we recommend hiring a freelance developer or reaching out to our partner, Codeable. Please check the link below.
— https://kriesi.at/contact/customization
Best regards,
IsmaelHi,
To target all top level menu items, please use this css code:
.html_av-overlay-side #top #wrap_all #av-burger-menu-ul .menu-item-14632 > .sub-menu > li > a { color: black; }
Best regards,
IsmaelHi,
Thank you for the screenshot.
You may need to set the image as the background of the 2/3 column instead of using the Image element. This way, it will resize based on the height of the second column. Parts of the image may get cut off on certain screen sizes. In mobile view, you also need to define a minimum height for the 2/3 column.
Best regards,
IsmaelHey Bryan,
Thank you for the inquiry.
You don’t need to purchase a license renewal for the theme, only for the support license. You can use the current purchase code to generate a personal or private token, then use it to update the theme. Please check the documentation below.
— https://kriesi.at/documentation/enfold/theme-registration/#how-to-generate-a-envato-personal-token
If the site contains a very old version of theme, 5 or older, you will have to update it manually via FTP.
— https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
Best regards,
IsmaelHi,
Thank you for the update.
We noticed that your current favicon is in .jpg format. Please try converting it to .ico, .png, or .svg using this tool: https://favicon.io/.
After uploading the new favicon, it may take some time to see the changes in the search results. If you’re using SEO plugins such as Yoast or RankMath, make sure to also update the logo in the provided settings.
— https://yoast.com/help/yoast-seo-settings-site-representation/
— https://rankmath.com/kb/wordpress-favicon/Best regards,
IsmaelHi,
Yes, you can add the code at the very bottom of the functions.php file. Make sure to copy the code directly from the forum, not from your email. Let us know the result.
Best regards,
IsmaelMarch 14, 2025 at 4:38 am in reply to: WooCommerce hover over image changes to first gallery image #1479297Hi,
Thank you for sharing the complete steps. Regarding the older thread, the complete solution is already there; you just need to adjust the “std” parameter to “hover_active”.
remove_filter( 'avf_builder_elements', 'avia_woocommerce_product_elements', 500, 1 ); add_filter( 'avf_builder_elements', 'avia_woocommerce_product_elements_mod', 500, 1 ); function avia_woocommerce_product_elements_mod( $elements ) { $posttype = avia_backend_get_post_type(); if( ! empty( $posttype ) && $posttype == 'product' ) { $elements[] = array("slug" => "avia_product_hover", "name" => "Hover effect on <strong>Overview Pages</strong>", "desc" => "Do you want to display a hover effect on overview pages and replace the default thumbnail with the first image of the gallery?", "id" => "_product_hover", "type" => "select", "std" => "hover_active", "class" => "avia-style", "subtype" => array("Yes - show first gallery image on hover" => 'hover_active', "No hover effect" => '')); $counter = 0; foreach( $elements as $element ) { if( $element['id'] == 'sidebar' ) { $elements[ $counter ]['required'] = ''; } else if( $element['id'] == 'layout' ) { $elements[ $counter ]['builder_active'] = true; // unset($elements[$counter]); } $counter++; } } return $elements; }
Best regards,
IsmaelHey!
is not very logically structured if it is not sorted by date,
Yes, the Isotope script doesn’t really take any of that information into account. It sorts the items based on their order in the document and the size of the images. If you want to make sure that items are sorted based on their query order, e.g., the date they were published, you may need to select a different layout in Styling > Masonry Settings > Size Settings or use an entirely different element, such as the Post Slider or Portfolio Grid.
Cheers!
IsmaelHey TheConduitLondon,
Thank you for the inquiry.
The plugin will not work with the upcoming events element because the element retrieves the events based on their start date. You may need to use a different element or manually adjust the start dates of the events.
Best regards,
IsmaelHey Carsten,
Thank you for the inquiry.
You can try the following css code, but it might affect the display of the background image with the text:
.avia-icongrid-flipbox .av-icon-cell-item article { min-height: 300px; } .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback { min-height: 300px; }
If you need to apply this to a specific flipbox element, this should help: https://kriesi.at/documentation/enfold/add-custom-css
Best regards,
IsmaelHi,
This seems to be working correctly on our end. Try to toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes take effect. If it’s still not working, please create a test page, then provide the URL in the private field.
Best regards,
IsmaelHey tsays,
Thank you for the inquiry.
Based on the Pagespeed Insights dev report, these are our recommendations.
— Enable image lazy loading. This can be done by enabling the Enfold > Performance > Responsive Images and Lazy Loading > Lazy Loading option.
— Disable the animation for the element containing the “Award-Winning Public Relations for Emerging Industries and Ambitious Brands” text. This should improve the CLS and LCP scores.
— Test different compression or minification plugins, or use the default options in the theme.
— The initial server response time is not ideal — upgrading the server should help.
— Reduce the size of the images further and make sure they are compressed.
— Install a cache plugin if you haven’t done so.
Best regards,
IsmaelHey bur2000,
Thank you for the inquiry.
Unfortunately, it’s not possible to control the order of the items in the grid, especially when the size of the images varies. The sorting is dynamically calculated by the Isotope script, which is also used to sort the items by category. Have you tried using multiple Masonry elements?
Best regards,
IsmaelHi!
You can add the filter in the functions.php file. This will sort the items based on the value of the Page Order field. You will have to enable this field manually for the portfolio items.
— https://kriesi.at/support/topic/masonry-not-displaying-cover-pictures/#post-1439624
Cheers!
IsmaelHi,
The header is white on our end, with and without logging in.
Please create a “guest” account, then provide the login details in the private field.
Best regards,
IsmaelHey John,
Thank you for the inquiry.
The screenshot is not accessible on our end. Please use platforms like Savvyify, Imgur or Dropbox. We’ll check this again once the screenshot is available.
Best regards,
IsmaelHi,
Thank you for the update.
I’d like it to function like the post slider with arrows instead of the “load more” option.
Unfortunately, this would require modifications beyond the scope of support. If you’d like arrows for navigation, you can try using the Post Slider or Content Slider element.
Best regards,
IsmaelMarch 12, 2025 at 7:02 am in reply to: WooCommerce hover over image changes to first gallery image #1479132Hi,
I see there is no option to which image it should switch to though.
You can upload the image using the Alternate Fade Image option. Please check the screenshot below.
We selected a temp image from the Media > Library.
Best regards,
IsmaelHey Pepe,
Thank you for the inquiry.
Yes, you can install the theme on a staging or development environment without needing another license. Let us know if you need more info.
Best regards,
IsmaelHey Aram,
Thank you for the inquiry.
We temporarily disabled the Enfold > Performance > File Compression settings, and this seems to have fixed the issue with the blog page. We are not yet sure why the background image of the color section is not displaying. It worked fine on a test page we created (see the private field).
Please try to remove the current color section and delete the related background image from the Media > Library, then add the color section again and re-upload the image. Let us know how it goes.
Best regards,
IsmaelHi,
No problem! Let us know if you have more questions. Have a nice day.
Best regards,
IsmaelHey racheldbuehler,
Thank you for the inquiry.
The logo is displaying in Safari when we checked.
Have you tried testing it on a different device?
Best regards,
Ismael -
AuthorPosts