Forum Replies Created
-
AuthorPosts
-
Hi!
If you need to adjust the color of the search icon as well, include the following css code.
#top #header .av-main-nav > li > a > svg:first-child, #top #wrap_all .header_color .cart_dropdown_first .cart_dropdown_link.avia-svg-icon svg:first-child { fill: #006ab5; stroke: #006ab5; }
Best regards,
IsmaelHi,
Thank you for the info.
You can try this css code to adjust the height of the slider on smaller screens.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ #top #wrap_all .av-k5zwtv35-b503e223437d26141b6108faf533b96b .avia-slideshow-inner { height: 80vh !important; } #top #wrap_all .av-k5zwtv35-b503e223437d26141b6108faf533b96b .avia-slideshow-inner li, #top #wrap_all .av-k5zwtv35-b503e223437d26141b6108faf533b96b .avia-slideshow-inner li div, #top #wrap_all .av-k5zwtv35-b503e223437d26141b6108faf533b96b .avia-slideshow-inner li div img { height: 100%; object-fit: cover; } }
Result:
Best regards,
IsmaelSeptember 17, 2025 at 5:02 am in reply to: Advanced Styling Not Saving on Child Theme on Staging Site #1489294Hi,
Thank you for the update.
It seems to be working correctly in the staging site. We set the button border radius from 20px to 30px.
Please make sure to purge the cache before checking the page. It’s also recommended to temporarily disable file compression settings while editing the site.
We also created a test page. (see private field)
Best regards,
IsmaelHey Darren Harlow,
Thank you for the inquiry.
You will need the purchase code or access to the account where the license is registered. Since the installation contains a very old version of the theme, you’ll need to download the latest version (7.1.2) from your ThemeForest account and update the theme manually via FTP. Please check this documentation for more info.
— https://kriesi.at/documentation/enfold/theme-update/#update-via-ftp
Once the theme is updated to the latest version, you’ll be able to upgrade it automatically from the dashboard. To enable this, you’ll need to register a private token: https://kriesi.at/documentation/enfold/theme-registration/#register-my-theme
We recommend creating a site backup or cloning the site to a different domain, perform the update there, fix any issues before transferring it to the live site.
Let us know if you need more info.
Best regards,
IsmaelHey Stefan,
Thank you for the inquiry.
You can enable the Enfold > Performance > Delete old CSS and JS files? option to automatically delete these files. This option is located at the very bottom of the Performance panel. If the files persist, you can manually delete them (make sure to create a backup first), then resave the theme options to regenerate the dynamic scripts and stylesheets.
You can also disable the file compression settings in Enfold and instead enable the compression option in your caching plugin, or install a dedicated optimization plugin such as Autoptimize or BWP Minify.
Hope this helps.
Best regards,
IsmaelHey bemodesign,
Thank you for the inquiry.
We may need to view the site to properly inspect the issue. Please create a test page, then provide the login details in the private field.
Best regards,
IsmaelHi,
Thank you for the update.
Try to add this code to the functions.php file to sort items on the blog page by modified date and on the songs page by published date:
function ava_pre_get_posts_mod($query) { if (!is_admin() && $query->is_main_query()) { if (is_page(1230)) { $query->set('orderby', 'date'); $query->set('order', 'DESC'); } if (is_page(574)) { $query->set('orderby', 'modified'); $query->set('order', 'ASC'); } } } add_action('pre_get_posts', 'ava_pre_get_posts_mod');
Best regards,
IsmaelHi,
Thank you for the update.
Have you tried adding titles to the images in Media > Library? Looks like you’re using a third-party slider plugin to display the images. For additional info, please reach out to the plugin developers.
Best regards,
IsmaelHey SikoraEDV,
Thank you for the inquiry.
We may need to inspect the page to properly check the issue. Please create a test page with the embed code or widget, then provide the site URL in the private field.
Best regards,
IsmaelSeptember 16, 2025 at 4:51 am in reply to: Advanced Styling Not Saving on Child Theme on Staging Site #1489265Hey classywebsites,
Thank you for the inquiry.
The changes made to Advanced Styling seem to be working correctly. We configured the H1 element in the Advanced Styling panel and created a test page using the Special Heading element. We also temporarily disabled the file compression settings. Please check the private field.
Best regards,
IsmaelHi,
You’re quite welcome! Let us know if you have more questions. Have a nice day.
Best regards,
IsmaelHi,
Great! Glad to know that the issue has been resolved. Please feel free to open another thread if you have more questions.
Have a nice day.
Best regards,
IsmaelHey koomo,
Thank you for the inquiry.
Please add this css code to adjust the position of the overlay inside the carousel.
.swiper-slide span.image-overlay.overlay-type-image { left: 0 !important; top: 0 !important; }
Best regards,
IsmaelHi,
Thank you for the inquiry.
Try to add this css code to adjust the spacing around the timeline container:
.avia-timeline-container { position: relative; padding: 0 10px; }
Let us know the result.
Best regards,
IsmaelHi,
For the follow-up inquiries, please continue here: https://kriesi.at/support/topic/color-setting-logo-area-heading/
Best regards,
IsmaelHey schub1981,
Thank you for the inquiry.
We may need to inspect the elements on your site in order to provide an appropriate solution. Please provide the site URL in the private field. Have you tried adjusting the color options in the Enfold > General Styling > Logo Area tab?
In the meantime, to adjust the color of the burger menu icon on mobile view, try to use the following css code:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after { background-color: #da2727; } .html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after { background-color: #da2727; } }
Best regards,
IsmaelHi,
You’re quite welcome! Please feel free to open another thread if you have more questions about the theme.
Have a nice day.
Best regards,
IsmaelSeptember 12, 2025 at 5:23 am in reply to: Margins for masonry grid loading delay on mobile #1489177Hi,
Thank you for the inquiry.
The masonry element seems to be loading correctly on our end. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, ImgBB, PostImages, or Dropbox to upload and share the screenshot.
Best regards,
IsmaelSeptember 12, 2025 at 5:15 am in reply to: Angled areas in the “Creative” one page demo theme #1489176Hey ckrizman,
Thank you for the inquiry.
There is no built-in option for this by default, but you can adjust the svg divider position using css. For example, you can use the following code to move the top divider 50px upward and the bottom divider 100px downward:
.avia_transform .av-extra-border-element.border-extra-diagonal { height: 250px; margin-top: -100px; } .avia-divider-svg.avia-divider-svg-tilt.avia-divider-svg-top.avia-flipped-svg.avia-to-front.avia-svg-original { margin-top: -50px; }
Best regards,
IsmaelHey dweddell,
Thank you for the inquiry.
The image displayed in the grid items is actually 495x400px, but the items must be resized based on the container’s maximum width, which also affects the rendered size of the images.
For single portfolio pages, try to add the following code to the functions.php file to use the original (full-size) version of the portfolio featured image:
add_action( 'init', 'ava_set_image_size_for_single_portfolio' ); function ava_set_image_size_for_single_portfolio() { if ( is_singular( 'portfolio' ) ) { global $avia_config; $avia_config['size'] = 'full'; } }
Best regards,
IsmaelHi,
Thank you for the update.
Try to add this code to the functions.php file to include a < title > element inside the scroll-down svg image.
add_action( 'wp_footer', 'ava_script_mod', 9999 ); function ava_script_mod() { ?> <script type="text/javascript"> jQuery(document).ready(function($) { $('.scroll-down-link svg').each(function () { $(this).find('title').remove(); $(this).prepend('<title>Scroll down</title>'); }); }); </script> <?php }
Let us know the result.
Best regards,
IsmaelHi,
Thank you for the inquiry.
Most of the color styling options are located under Enfold > General Styling. You can check the preview to see which element a specific field controls. If you can’t find the correct setting there, you can also edit the element in the Advanced Layout Builder and adjust the color options in the Styling tab.
To adjust the color of the phone number, please add this code in the Quick CSS field:
#top .header_color .phone-info a { color: #ffffff; }
You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes take effect.
Let us know the result.
Best regards,
IsmaelHi,
Thank you for the update.
We’re not that familiar with iPad or iOS apps, but the following application seems to be a good choice that includes vector editing.
You can also try Affinity Photo or Pixelmator.
Hope that helps.
Best regards,
IsmaelHi,
Thank you for the update.
We modified the avf_social_icons_options filter a bit and moved it around line 64 of the functions.php file. We also added the social icon in the Enfold > Social Profiles panel. Please make sure to purge the cache before checking the page.
image host
Best regards,
IsmaelHi,
Great! Glad to know that you’ve managed to sort this one out. Please feel free to open another thread if you have more questions.
Have a nice day.
Best regards,
IsmaelHey tonyska,
Thank you for the inquiry.
Which blog layout (Grid, Small, Multi-author, List etc.) did you select? If it’s set to Grid Layout, you should be able to use the avia_post_slide_query filter to adjust the sorting of the items and utilize conditional functions to apply different sorting for specific pages or templates.
Example:
add_filter('avia_post_slide_query', 'avia_post_slide_query_mod'); function avia_post_slide_query_mod($query) { if (is_page(123)) { $query['orderby'] = 'menu_order'; $query['order'] = 'ASC'; } elseif (is_home()) { $query['orderby'] = 'date'; $query['order'] = 'DESC'; } return $query; }
Replace 123 with the actual ID of the song page.
Each song is a blog post, and I organized them on my songs page by posting excerpts in order.
How do you post excerpts in a specific order?
Best regards,
Ismael -
AuthorPosts