Forum Replies Created
-
AuthorPosts
-
May 3, 2024 at 4:06 am in reply to: Replace Lightbox image with magnifying glass for WooCommerce products #1442026
Hey peterolle,
Thank you for the inquiry.
You can set the Enfold > Shop Options > Product gallery settings to the second option (Woocommerce 3.0 product gallery). Let us know of the result.
Best regards,
IsmaelHi,
The arrows should be visible on mobile devices by default. Would you mind providing a screenshot of the site on mobile view? 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 cambium.digital,
Thank you for the inquiry.
The video displays correctly on our end, but it’s not playing automatically. Have you tried enabling autoplay or muting the video?
Best regards,
IsmaelHi,
It seems to be working correctly on our end. Have you tried using br tags to create line breaks?
Example:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. < br > Test line breaks.Thanks – but there seems to be an auto close on div wrapping
This is not happening on our end. There might be an invalid html tag or code somewhere.
Best regards,
IsmaelHi,
Thank you for the update.
You can add this css code to adjust the position of the menu items and the close icon.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ #top #av-burger-menu-ul { padding: 100px 0 !important; } .responsive #top #wrap_all .main_menu { top: -120px; } }Best regards,
IsmaelHi,
is it possible to add in this case a custom class to f.e. the output div grid-entry-excerpt entry-content ?
Yes, that should be possible. You also can wrap the preview text with another container.
Example:
add_filter("avf_portfolio_grid_excerpt", function ($excerpt, $entry) { $id = $entry->ID; $preview = get_post_meta($id, '_preview_text', true); if ($preview) { $excerpt = "<div class='av-custom-grid-excerpt-container'>" . do_shortcode($preview) . "<div>"; } return $excerpt; }, 10, 2);Best regards,
IsmaelHi,
Thank you for the info.
Try to wrap the image and the text in a container with a unique class name.
Example:
<div class="av-mega-menu-custom-pt-column"> <div class="av-custom-pt-column-img"><img src="https://placehold.co/100x100" alt="" /></div> <div class="av-custom-pt-column-content">Add text here</div> </div>Then add this css code:
.av-mega-menu-custom-pt-column { display: flex; align-items: center; } .av-custom-pt-column-content { margin-left: 10px; }Best regards,
IsmaelHey marccat,
Thank you for the inquiry.
You can add this code in the functions.php file to insert a container below the header:
add_action('ava_after_main_menu', function() { echo "<div class='av-bottom-header'></div>"; }, 10);Then use this css code to adjust its style.
#top .av-bottom-header { width: 100vw; height: 20px; background: red; bottom: -20px; position: absolute; margin-left: -80px; }Adjust the background property if you need to display an image:
background: url('image-url-here');Best regards,
IsmaelHi,
Thank you for the inquiry.
Are you trying to add a hyphen to the last word when the sentence breaks to the second line or overflows? There is no default option for this, but you can set the element to break by word instead of characters.
#main li { word-break: break-word; }If this is not what you’re after, please provide a screenshot using platforms like Savvyify, Imgur or Dropbox. 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,
IsmaelHi,
Thank you for the inquiry.
1.) You can adjust the style of the burger menu items in the Enfold > Advanced Styling panel. Look for the element under the Main Menu (Icon) section. You can also use this css code:
.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li { line-height: 1em; font-size: 2em; }Please make sure to toggle the Enfold > File Compression settings and purge the cache.
2.) Add this script to the functions.php file to make the close icon fade out on scroll down and fade in again on scroll up.
function ava_custom_script_fade_scroll() { ?> <script> (function ($) { $(document).ready(function () { var lastScrollTop = 0; var element = $('.av-hamburger.av-hamburger--spin.av-js-hamburger.av-inserted-main-menu.is-active'); $(window).scroll(function () { var st = $(this).scrollTop(); if (st > lastScrollTop) { element.fadeOut(); } else { element.fadeIn(); } lastScrollTop = st; }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script_fade_scroll');Best regards,
IsmaelHi,
Thank you for the info.
We adjusted the code in the Quick CSS field a bit. Please make sure to purge the cache before checking the page.
#menu-item-shop .cart_dropdown_link { padding: 10px; font-size: 20px } .responsive.html_cart_at_menu #top .main_menu .menu>li:last-child { padding-right: 0; margin-right: 10px; }Best regards,
IsmaelHey Jens,
Thank you for the inquiry.
Looks like the automatic update did not succeed or stopped after a duration of time. Please restore the site to a working condition using a backup or restore point. Then, download the latest version of the theme from your Themeforest account. You can then manually upload the latest version via S/FTP.
Please check the documentation below for more info:
// https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
Best regards,
IsmaelHey waveseven,
Thank you for the inquiry.
You can try this filter in the functions.php file:
add_filter("avf_portfolio_grid_excerpt", function ($excerpt, $entry) { $id = $entry->ID; $preview = get_post_meta($id, '_preview_text', true); if ($preview) { $excerpt = $preview; } return $excerpt; }, 10, 2);Let us know of the result.
Best regards,
IsmaelHey peterolle,
Thank you for the inquiry.
How did you add the images to the menu items? Please provide a test page so that we can check the current layout.
Best regards,
IsmaelHey bemodesign,
Thank you for the inquiry.
The slider image fades in correctly when we checked the site on a mobile emulation. However, to make sure that the slider image is always visible on load, try adding this css code.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .avia-slideshow li { visibility: visible !important; opacity: 1 !important; } }Please make sure to purge the cache afterward.
Best regards,
IsmaelHi!
Sorry for the delay. Please edit the themes/enfold/config-rank-math/config.php file, remove the content, then replace it with the following code: https://pastebin.com/depLLt3N
After the file modification, make sure to edit and update one of the pages to regenerate the sitemap.
Regards,
IsmaelHi,
Thank you for the update.
We adjusted the css code a bit and added it in the Enfold > General Styling > Quick CSS field:
#top .av-large-testimonial-slider .avia-slideshow-arrows a { top: auto; margin-top: -1px; bottom: 10px; } #top .avia-slider-testimonials:not(.av-large-testimonial-slider).av-slideshow-ui .avia-slideshow-arrows a { top: auto; bottom: 0; }Please make sure to purge the cache before checking the page.
Best regards,
IsmaelHi,
The arrow should expand on hover and display the title and image of the previous or next post. However, if you still need to add text, you can try this css code.
.avia-post-nav.avia-post-prev:before { content: "Previous Post"; } .avia-post-nav.avia-post-next:before { content: "Next Post"; }Best regards,
IsmaelHi,
No problem! Glad it’s working. Please don’t hesitate to open another thread if you have more questions about the theme.
Have a nice day.
Best regards,
IsmaelHey cuccarini,
Thank you for the inquiry.
We can access the login page, but when we try to input the account details and log in, nothing happens. It doesn’t redirect to the dashboard. Can you access the dashboard on your end?
Regarding the issue, please verify if the homepage for each language is correctly set in the Enfold > Theme Options > Frontpage Settings.
Best regards,
IsmaelMay 1, 2024 at 6:35 am in reply to: erledigt – Frage zu #1439344 – anderes Logo bei Mobilversion #1441544Hi,
The Appearance > Theme File Editor is still not accessible. Please check the screenshot in the private field.
Best regards,
IsmaelHi,
Thank you for the update.
If you haven’t use the Advance Layout Builder, please check the documentation below: https://kriesi.at/documentation/enfold/intro-to-layout-builder/
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 auxonet,
Thank you for the inquiry.
Would you mind providing links to the portfolio items associated with a specific category? Or share the login details in the private field so that we can access the dashboard.
Best regards,
IsmaelHey northorie,
Thank you for the inquiry.
You can change the background color of the heading row by adjusting the color value of the Enfold > General Styling > Main Content > Primary Color field.
Or use this css code:
.main_color .pricing-table li.avia-heading-row, .main_color .pricing-table li.avia-heading-row .pricing-extra { background-color: black; color: #ffffff; border-color: white; }Best regards,
IsmaelApril 30, 2024 at 9:42 am in reply to: Change dimensions of featured image in single blog post #1441409Hi,
@Guenni007: Thanks for the info.
@xfacta: You can also try the filter provided by @Guenni007 above to change the post thumbnail.Best regards,
IsmaelHey manfredergott,
Thank you for the inquiry.
You can control the vertical position of the arrows in the testimonial element with this css code:
#top .av-large-testimonial-slider .avia-slideshow-arrows a { top: 100px; margin-top: -1px; }Please make sure to purge the cache after adding the modification.
Best regards,
IsmaelHey mariabuder73,
Thank you for the inquiry.
There isn’t a privacy toggle or shortcode available for Adobe fonts. However, you might be able to block these cookies in the Enfold > Privacy & Cookies > Cookie Handling > Advanced Options section. You can define or create Additional Custom Cookies.
Please refer to the link below for more info:
// https://kriesi.at/documentation/enfold/privacy-cookies/#additional-custom-cookies
Best regards,
IsmaelHi,
Anything new on the Borlabs thing?
I’m not entirely sure what you’re referring to. Did you open another thread about this issue?
Best regards,
IsmaelHi,
Sorry about that. We adjusted the hook a bit, then added this script to move the second description below the pagination.
function ava_custom_script() { ?> <script> (function ($) { function moveTermDescription() { if ($('.term-description-second').length && $('.pagination').length) { $('.term-description-second').insertAfter('.pagination'); } } $(document).ready(function () { moveTermDescription(); }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script');Best regards,
Ismael -
AuthorPosts
