Forum Replies Created
-
AuthorPosts
-
Hey bensondesign,
Thank you for the inquiry.
Did you override the footer.php or header.php file in the child theme? Please make sure the template files are updated and using the latest version from the parent theme. Let us know the result.
Best regards,
IsmaelHey hisdi,
Thank you for the inquiry.
Use this code in the functions.php file to adjust the icon of the scroll down arrow:
add_filter('avf_default_icons','avf_default_icons_mod', 10, 1); function avf_default_icons_mod($icons) { $icons['svg__scrolldown'] = array( 'font' =>'entypo-fontello', 'icon' => 'uf106'); return $icons; }For more info on how to adjust the icon and find the icon unicode, please refer to this documentation:
— https://kriesi.at/documentation/enfold/icon/#how-to-find-the-icon-unicode
— https://kriesi.at/documentation/enfold/icon/Best regards,
IsmaelHey hisdi,
Thanks for reaching out.
You can add this css code to adjust the position of the scroll down arrow:
#top .scroll-down-link { bottom: 100px; margin: 0; } #top .av-section-color-overlay-wrap { position: relative; }Best regards,
IsmaelHi,
Thank you for the update.
You cannot set the opacity of the background color in the General Styling panel, but you can manually adjust it using css.
.header_color .header_bg { background-color: rgba(255,255,255,0.5); }Best regards,
IsmaelHey tdatalab,
Thank you for the inquiry.
Have you tried adding the Product Category widget in the Appearance > Widgets panel? Please provide a link to the product page so we can check it. To upload a screenshot, you can use platforms like Savvyify, Imgur or Dropbox.
Best regards,
IsmaelHey Arobazinfo,
Thank you for the inquiry.
You can import the demo from the Enfold > Demo Import panel. Please check the documentation below for more details: https://kriesi.at/documentation/enfold/import-demos/
Best regards,
IsmaelHey grantloon,
Thank you for the inquiry.
The latest version of the Enfold theme is 7.0.1. Please download the theme from ThemeForest and upload it to your server via FTP. For more info, please refer to the documentation below.
— https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
Best regards,
IsmaelHey Christian,
Thank you for the inquiry.
The image used as the background is quite large, sized at 2000x1126px. You may want to reduce the dimensions of the image before uploading it and make sure it is compressed to improve page speed. Please refer to the article below for more info on site optimization.
— https://gtmetrix.com/wordpress-optimization-guide.html
Best regards,
IsmaelHi,
The width of the meta info is limited to 40em. To adjust it, you can add the following css code:
#top .fullsize .template-blog .post .entry-content-wrapper > * { max-width: 100%; margin-left: auto; margin-right: auto; }Best regards,
IsmaelHey GoodfishGroup_Marketing,
Thank you for the inquiry.
You can add this code in the functions.php file to adjust the post grid query based on the value of cat query parameter.
function avia_post_grid_query_mod($query, $params) { if ( isset($_GET['cat']) ) { $category_id = intval($_GET['cat']); if ($category_id) { $query['category__in'] = array($category_id); } } return $query; } add_filter('avia_post_grid_query', 'avia_post_grid_query_mod', 10, 2);You may need to build the sorting buttons manually using the available elements in the builder.
Best regards,
IsmaelHey sandra_m_williams,
Thank you for the inquiry.
The preview seems to be working correctly on our end. As shown in the screenshot below, the new Text Block we added to the page is visible when we preview it. Please try to use a different browser or clear the browser history.
Have you tried using the Advance Layout Builder?
— https://kriesi.at/documentation/enfold/intro-to-layout-builder/
Best regards,
IsmaelHi,
According to @Guenter, you can try this code in the functions.php file:
add_theme_support(‘avia_log_cron_job_messages’)Then, enable WP_DEBUG and the error logs to see if there’s any errors.
Best regards,
IsmaelHi,
Thank you for the update.
You have to place the name “av-custom-gradient-section” in the Custom CSS Class field and add the css rule above in the Quick CSS field. Please create a test page and provide the link in the private field.
Best regards,
IsmaelHi,
Thank you for the update.
Try to remove the sender script from the color section or code block, leave the div container, then replace the inline_popup_enabler with this code.
function inline_popup_enabler(){ ?> <script> (function($){ $(window).on('load', function() { $('.inline_popup').magnificPopup({ type: 'inline', midClick: true, callbacks: { open: function() { (function (s, e, n, d, er) { s['Sender'] = er; s[er] = s[er] || function () { (s[er].q = s[er].q || []).push(arguments); }, s[er].l = 1 * new Date(); var a = e.createElement(n), m = e.getElementsByTagName(n)[0]; a.async = 1; a.src = d; m.parentNode.insertBefore(a, m); })(window, document, 'script', 'https://cdn.sender.net/accounts_resources/universal.js', 'sender'); sender('4f4c8522254761'); } } }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'inline_popup_enabler');Let us know the result.
— https://dimsemenov.com/plugins/magnific-popup/documentation.html#api
Best regards,
IsmaelMarch 27, 2025 at 4:39 am in reply to: Styling not showing for all elements after migration #1480227Hi,
Thank you for the update.
Did you remove the page pond-cleans? It is no longer accessible and the admin details are now invalid. Did you fix the issue?
Best regards,
IsmaelHey Jim Dalrymple,
Thank you for the inquiry.
Did you create a site backup or export the theme options before deleting the Enfold theme? You should still be able to restore the previous layout and design as long as the database entries for the theme options are still intact. We recommend to restore the site using a backup, then update the theme via FTP instead of deleting it completely.
— https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
Best regards,
IsmaelHi,
Sorry for the delay. Please add this css code to adjust the layout of the cookie consent on mobile view:
@media only screen and (max-width: 498px) { /* Add your Mobile Styles here */ .avia-cookie-consent .container { display: flex; flex-direction: column; justify-content: center; gap: 20px; } .avia-cookie-consent .container .avia_cookie_text { align-self: center; font-size: 14px; line-height: 1.2em; } }Best regards,
IsmaelHi,
Thank you for the update.
The slider and gallery images are still visible when we checked the site. This screenshot was taken from the FR site.
Best regards,
IsmaelHi,
In the meta_query above, try to replace the value 1 with “Ja”.
'value' => 'Ja',Let us know the result.
Best regards,
IsmaelMarch 26, 2025 at 5:30 am in reply to: I wish to use the new SVG features of Enfold 7.x to add two new Social Profiles #1480180Hey dogsbody,
Thank you for the inquiry.
The process should be the same for SVG icons. Create a folder called “svg”, place the “bluesky.svg” and “mastodon.svg” file inside, compress or archive the folder to a zip file and name it “social”, then upload it to the SVG Iconset and Iconfont Manager. You may need to delete the previous icons to avoid conflict.
Add this in the functions.php file to register the social icons:
function avia_add_custom_icon($icons) { $icons['mastodon'] = array('font' => 'svg_social', 'icon' => 'mastodon'); $icons['bluesky'] = array('font' => 'svg_social', 'icon' => 'bluesky'); return $icons; } add_filter('avf_default_icons', 'avia_add_custom_icon', 10, 1); function avia_add_custom_social_icon($icons) { $icons['mastodon'] = 'mastodon'; $icons['bluesky'] = 'bluesky'; return $icons; } add_filter('avf_social_icons_options', 'avia_add_custom_social_icon', 10, 1); add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1); function avia_add_social_share_link_arguments($args) { $mastodon = array('mastodon' => array("encode" => true, "encode_urls" => false, "pattern" => "https://www.mastodon.com/", 'label' => __("Share on mastodon", 'avia_framework'))); $bluesky = array('bluesky' => array("encode" => true, "encode_urls" => false, "pattern" => "https://www.bluesky.com/", 'label' => __("Share on bluesky", 'avia_framework'))); $args = array_merge($mastodon, $bluesky, $args); return $args; }Best regards,
IsmaelMarch 26, 2025 at 4:51 am in reply to: problem with video on mobile and css on chrome mobile #1480178Hi,
We replied here: https://kriesi.at/support/topic/popup-missing-form/#post-1480177
Best regards,
IsmaelHi!
Thank you for the update.
Try adjusting the margin of the iframe container to align it to the center.
#top .mfp-iframe-scaler { width: 60%; margin: 0 auto; }Cheers!
IsmaelHey Loveronika,
Thank you for the inquiry.
We set the first row to have an equal height so it’s the same as the next rows. We also removed the custom top and bottom margins.
If you need to adjust the spacing on mobile view, please add this css code:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ #top .flex_column_table.av-equal-height-column-flextable:not(:first-child) { margin-top: 0; } }Best regards,
IsmaelMarch 26, 2025 at 4:35 am in reply to: Partner/Logo Element: too much space between Element & Navigation Controls #1480174Hi,
We adjusted the css code and added another for mobile view.
@media only screen and (min-width: 768px) { /* Add your Desktop Styles here */ #top .av-m8dhdoo2-9be497766191be21636491354eb51ed0 .avia-content-slider-inner { max-height: 180px !important; overflow: hidden; } } @media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ #top .av-m8dhdoo2-9be497766191be21636491354eb51ed0 .avia-content-slider-inner .slide-entry { max-height: 115px !important; overflow: hidden; } }Best regards,
IsmaelMarch 26, 2025 at 4:23 am in reply to: Styling not showing for all elements after migration #1480173Hi,
Thank you for the screenshot.
Looks like you managed to add spacing above the button with this css code.
#package-section .avia-button-wrap { padding-top: 3.5em !important; padding-bottom: .2em !important; }Best regards,
IsmaelHi,
Glad we could be of help! Let us know if you have more questions. Have a nice day.
Best regards,
IsmaelHey nicolealbaek,
Thank you for the inquiry.
There is no overlay option for the Column element, but you can apply a background in the Styling > Background panel. For the gradient effect, you can use the Color Section element, toggle the Styling > Background Overlay > Enable Overlay? option, then apply the class name “av-custom-gradient-section” in the Advanced > Developer Settings > Custom CSS Class field. Add this code to override the default overlay color with a gradient.
#top #wrap_all .avia-section.av-custom-gradient-section { background-color: transparent; background-image: linear-gradient(180deg, #FFFFFF21 23%, #FFCBA4 93%); opacity: 1; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; }Best regards,
IsmaelHi,
Thank you for the info.
You can add this css code to adjust the padding around the menu button:
#top #wrap_all #header #menu-item-848 { padding: 0 20px; }You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings, then purge the cache afterward.
Best regards,
IsmaelHi,
Great! Glad to know that you managed to figure this out. Feel free to open another thread if you have more questions. Have a nice day.
Best regards,
Ismael -
AuthorPosts
