Forum Replies Created
-
AuthorPosts
-
Hi,
Thank you for the update.
Is this only happening on tablet view or smaller screens? You could set the Enfold > Main Menu > General > Menu Items For Mobile setting to the second option (Activate for Smartphones and Tablets). You can also decrease the font size of the Main Menu Links element in the Enfold > Advanced Styling panel.
Best regards,
IsmaelHi,
Thank you for the inquiry.
Your fourth attempt with the Color Section should work. Where did you add the anchor link? Please refer to the following documentation for more info: https://kriesi.at/documentation/enfold/menu/#one-page-menu
Best regards,
IsmaelHi,
Thank you for the update.
Please download the following zip file and upload it to the Enfold > Import/Export > Iconfont Manager: https://1drv.ms/u/s!AjjTfXSRbKTvguNj14PKRDWVJdmAMg?e=WW4LdM
Once the icon is uploaded, add this filter in the functions.php file:
// Register new icon as a theme icon function avf_default_icons_mod($icons) { $icons['bandcamp'] = array( 'font' =>'bandcamp', 'icon' => 'ue800'); return $icons; } add_filter('avf_default_icons','avf_default_icons_mod', 10, 1); // Add new icon as an option for social icons function avf_social_icons_options_mod($icons) { $icons['Bandcamp'] = 'bandcamp'; return $icons; } add_filter('avf_social_icons_options','avf_social_icons_options_mod', 10, 1);
Best regards,
IsmaelHey hayonl,
Thank you for the inquiry.
You might need to specify or adjust the Transparency Logo in the Enfold > Theme Options panel. Please let us know how it goes.
Best regards,
IsmaelHey bemodesign,
Thank you for the inquiry.
You can use this css code to adjust the style of the rotating text:
.av-rotator-text-single { font-style: italic; }
Best regards,
IsmaelHey bemodesign,
Thank you for the inquiry.
We don’t see anything unusual with the headline rotator on the home page. Could you please provide a screenshot of the issue?
Best regards,
IsmaelSeptember 5, 2024 at 4:51 am in reply to: Apply masks / cut-outs / custom shapes to columns or placing content behind them #1466273Hey Peter,
Thank you for the inquiry.
There is no default option for this, but you can use the clip-path css property, as suggested by a user in another thread: https://kriesi.at/support/topic/cut-outs-for-images/#post-1465984
To achieve the desired effect, place a Video element inside a Column element, assign a unique class name to the column, and then use that class name to apply the clip-path property.
For more info about clip-path, please check: https://css-tricks.com/almanac/properties/c/clip-path/
Best regards,
IsmaelHi,
Is it possible to set these parameters for the three resolutions desktop, tablet and mobile?
Yes, that should be possible. Please add the following code and adjust the values as needed.
/* Styles for tablets */ @media (max-width: 1024px) { .responsive #top .avia-icon-circles-icon { height: 100px; width: 100px; line-height: 100px; font-size: 60px; margin: -50px; } } /* Styles for mobile devices */ @media (max-width: 768px) { .responsive #top .avia-icon-circles-icon { height: 80px; width: 80px; line-height: 80px; font-size: 45px; margin: -40px; } }
Best regards,
IsmaelHi,
Thank for the update.
This is working correctly on our end. Have you tried purging the cache or checking the site using a different browser or device?
Best regards,
IsmaelHi,
Thank you for the update.
No, it is not required by Enfold, but it has now become a standard. Some browsers block non-secure HTTP requests, which could lead to mixed content issues and prevent scripts and other resources from functioning correctly.
How can we reproduce the issue? We tried editing a page and updating it, and it seems to work as expected.
Best regards,
IsmaelSeptember 5, 2024 at 4:28 am in reply to: Google Analytics Tracking Code vs Analytics Measurement ID #1466269Hi,
Thank you for the inquiry.
You can find the documentation related to Google services at the following links:
// https://kriesi.at/documentation/enfold/contact-form/#what-is-captcha
// https://kriesi.at/documentation/enfold/google-analytics/Regarding the error, please ensure that you’re generating the token for the correct version of the ReCAPTCHA API. There are only V1 and V2.
We’ll forward the info about the changes related to the tracking code or the Analytics Measurement ID.
Best regards,
IsmaelSeptember 5, 2024 at 4:19 am in reply to: How to add code to the section for specific pages? #1466268Hi,
Thank you for the update.
Yes, the code and the placement of the argument or array values in the conditional function looks correct. You can add more page IDs if needed. Here’s the formatted version:
function my_code() { if ( is_page( array( 489, 501, 502, 123 ) ) ) { ?> <script type="module" src="./mapplic.js"></script> <link rel="stylesheet" href="./mapplic.css"> <?php } } add_action( 'wp_head', 'my_code' );
Best regards,
IsmaelHey Jak73,
Thank you for the inquiry.
The shortcode looks invalid. The opening and closing characters should be a left and right square bracket, respectively.
[mapplic-map data-json=”data.json”]
Please contact the plugin developers for more info.
Best regards,
IsmaelHey tiago,
Thank you for the inquiry.
The background color of the header is black both initially and when scrolling, when we checked. Have you tried adjusting the color value in the Enfold > General Styling > Logo Area > Logo Area Background Color field?
Best regards,
IsmaelHey!
Yes, it’s an image element with the video URL set as a link. Please make sure that the URL is from YouTube, Vimeo, or a self-hosted MP4 video.
Regards,
IsmaelHi,
We may need to access the site and test the preloader. Please provide the login details in the private field.
Best regards,
IsmaelHi,
Thank you for the update.
Regarding the SSL certificate, you have to ask your hosting provider about it. However, if you have full access to the server, you can install your own Let’s Encrypt SSL certificate using Certbot.
// https://www.digitalocean.com/community/tutorials/how-to-secure-nginx-with-let-s-encrypt-on-ubuntu-20-04 // https://www.digitalocean.com/community/tutorials/how-to-secure-apache-with-let-s-encrypt-on-ubuntu
Would you mind providing a short clip or a screenshot of the issue, or the steps that we need to take in order to reproduce it?
Best regards,
IsmaelHi,
Thank you for the test page.
Looks like the issue also occurs when we directly embed the actual html of the video element or use a shortcode. As a temporary solution, we added an image element and placed the video URL as a link. When the image is clicked, it opens the video in a lightbox container. Will this be a sufficient temporary fix?
Best regards,
IsmaelHi,
Thank you for the update.
As mentioned above, this might be a feature of a plugin or your hosting provider. Please try temporarily deactivating the plugins, or provide the login details in the private field so we can check the settings.
Best regards,
IsmaelHey Konrad,
Thank you for the inquiry.
Please add this css code to disable the fold/unfold fade transition:
.avia-fold-unfold-section .av-fold-unfold-container, .avia-fold-unfold-section .av-fold-unfold-container::after { transition: none !important; }
You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings afterward.
Best regards,
IsmaelHey joguitar,
Thank you for the inquiry.
To fix the alignment, please replace the css with the following code:
.responsive #top .avia-icon-circles-icon { height: 120px; width: 120px; line-height: 120px; font-size: 75px; margin: -60px; }
Best regards,
IsmaelHey Tiziano,
Thank you for the inquiry.
If you don’t have access to the old account or token, you may need to purchase another license using a different ThemeForest account and generate a new token. However, please note that automatic updates will no longer work with the current version (4.7.5) because it’s quite old. You’ll need to update the theme manually via FTP. Please check the link below for more info.
// https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
Best regards,
IsmaelSeptember 4, 2024 at 4:56 am in reply to: comment box missing in single post created by ALB #1466176Hi,
Thank you for the update.
The theme uses a different template when the Advanced Layout Builder is active, which is essentially a blank canvas. You’ll need to manually add every element to the page. If you want the Comments section or any default post elements to display automatically, you’ll need to switch to the default editor. The Comments element can be found under the ALB > Content Elements tab.
Best regards,
IsmaelHey dweddell,
Thank you for the inquiry.
The search and social icons are hidden in mobile view by default due to the lack of space in the header. If you want to display them again, you can try this css code:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .responsive #header .social_bookmarks { display: block !important; } #top #header .av-main-nav>#menu-item-search { display: block !important; } }
Best regards,
IsmaelSeptember 4, 2024 at 4:33 am in reply to: Google Analytics Cookies Loading Before User Consent #1466173Hi,
Unfortunately, we haven’t used the plugin before, so we’re not sure if there is a privacy plugin that can cover or control the scripts it loads. Please contact the plugin authors for more info.
Best regards,
IsmaelSeptember 4, 2024 at 4:28 am in reply to: Site restyling, one language does not duplicate media and form customizations #1466172Hey Bruno,
Thank you for the inquiry.
When translating the page, you should not check the “Duplicate” option (https://imgbb.com/kyWJbCX) and instead use WPML Translation Editor. Have you tried translating without duplicating the page?
Best regards,
IsmaelHi,
Mouse over on the images, Title and introduction text. Can this be done within Enfold??
This is possible but it will require a bit of modifications such as assigning custom fields to the portfolio items. If you want to continue, please follow these steps:
1.) Add this code in the functions.php file to register a new attribute the portfolio image which uses the value of the av_portfolio_hover_image custom field.
function avf_add_custom_field_as_hover_image($attrs, $entry) { $hover_image_url = get_post_meta($entry->ID, 'av_portfolio_hover_image', true); if (!empty($hover_image_url)) { $attrs['data-hover-image'] = esc_url($hover_image_url); } return $attrs; } add_filter('avf_portfolio_image_attrs', 'avf_add_custom_field_as_hover_image', 10, 2);
2.) Then add this script to create the hover effect:
function ava_custom_script_hover_image() { ?> <script> (function ($) { function hoverImageChange() { $('.grid-sort-container .grid-entry img').each(function () { var $img = $(this); var originalSrc = $img.attr('src'); var hoverImage = $img.data('hover-image'); if (hoverImage) { $img.hover( function () { $img.stop().fadeOut(200, function () { $img.attr('src', hoverImage).fadeIn(200); }); }, function () { $img.stop().fadeOut(200, function () { $img.attr('src', originalSrc).fadeIn(200); }); } ); } }); } $(document).ready(function () { hoverImageChange(); }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script_hover_image');
3.) Edit any portfolio items, apply the av_portfolio_hover_image custom field and place the URL of the hover image.
4.) Add this css code to disable the default image overlay
.grid-entry a .image-overlay { display: none !important; }
Best regards,
IsmaelHi,
You’re welcome! Please let us know if you have more questions about the theme.
Have a nice day.
Best regards,
IsmaelHi,
Thank you for the update.
We edited the functions.php file and adjusted the script a bit. Please make sure to purge the cache before checking the page.
Best regards,
IsmaelHey josepons,
Thank you for the inquiry.
What is the current version of the theme? Since it has been 8 years since the last update, you may need to download the latest version of the theme from your ThemeForest account and update it manually via S/FTP. We recommend performing the update on a staging environment first before applying it to the live site. And make sure to create a restore point or a backup. For more info about updating via FTP, please check the documentation below.
// https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
// https://kriesi.at/archives/the-complete-guide-to-updating-enfoldBest regards,
Ismael -
AuthorPosts