Forum Replies Created
-
AuthorPosts
-
Hey Sebastian,
Thank you for the inquiry.
Are you trying to align the color section to the center? Please provide the site URL in the private field so we can inspect the element directly.
Best regards,
IsmaelMay 21, 2024 at 7:10 am in reply to: Adjust Margin Space Between Elements in the Same Footer Column #1444863Hey craig374,
Thank you for the inquiry.
We may need to inspect the site in order to provide an appropriate solution. Please post the site URL in the private field. If you need to adjust the margin between the footer widgets, please try this css code:
#footer .widget { padding: 0; margin: 10px 0 10px 0; }Best regards,
IsmaelHi,
Thank you for the info.
We temporarily disabled the Enfold > Performance > File Compression settings. The changes made in General Styling are now displaying correctly. Please make sure to purge the cache before checking the page.
Best regards,
IsmaelHey ijnavas,
Thank you for the inquiry.
There is no option for this by default, but you can manually create html inside the cell and then apply css to adjust the background colors. For example, add this html to one of the cells:
<div class="av-table-coloured av-table-coloured-red">Hiit</div>Then add this css code:
.av-table-coloured { position: relative; left: 0; top: 0; width: 100%; padding: 10px; } .av-table-coloured .av-table-coloured-red { background: red; } .av-table-coloured .av-table-coloured-orange { background: orange; } .av-table-coloured .av-table-coloured-blue { background: blue; }The first cell should be colored red. To use blue, just use this html:
<div class="av-table-coloured av-table-coloured-blue">Gap</div>Best regards,
IsmaelHi,
Thank you for the inquiry.
The product gallery images should align automatically when added. Please provide a link to the product page so we can check the issue properly.
Best regards,
IsmaelHi,
Thank you for the update.
We edited the iframe URL and set the muted parameter to 1. It is now playing automatically on both desktop and mobile view.
Best regards,
IsmaelHey soapboxstudio,
Thank you for the inquiry.
Yes, the maximum number of table columns is 20. You may need to use two table elements placed side by side if you need to display more columns.
Best regards,
IsmaelHi,
Thank you for the info.
It looks like you’ve uploaded fonts that are not listed on Google Fonts. As mentioned above, the Custom Font Manager is intended for Google Fonts only. For other sources, you may need to manually register the fonts using @font-face.
// https://www.w3schools.com/csSref/css3_pr_font-face_rule.php
Best regards,
IsmaelHey amanda-mdllc,
Thank you for the inquiry.
We found an error in the console, which might be the reason why the slider is not displaying correctly.
Error: Syntax error, unrecognized expression: #heading=h.ngufhp8xq157 at HTMLAnchorElement.<anonymous> (avia-footer-scripts-0b8739d4fe487c49ae075d352a33296d---664b96d13b846.js:9:1021)Unfortunately, we can’t trace the error because compression is enabled. Please try temporarily disabling the Enfold > Performance > File Compression settings and let us know the result.
Best regards,
IsmaelHi,
Thank you for the inquiry.
Which blog layout did you select? If the default blog layout is active, you can edit the enfold/includes/loop-index.php and place the suggested code around line 293.
echo apply_filters( 'avf_loop_index_blog_meta', $blog_meta_output );You can also use the avf_loop_index_blog_meta filter in the functions.php file to insert additional info in the meta info container:
Example:
add_filter("avf_loop_index_blog_meta", function ($output) { $photographer = get_field("photographer"); if ($photographer) { $outlet_output = '<span class="photographer minor-meta">' . __('Photographer:', 'avia_framework') . ' '; $outlet_output .= wp_kses_post($photographer); $outlet_output .= '</span><span class="text-sep text-sep-cat">/</span>'; } return $outlet_output . $output; }, 10, 1);Best regards,
IsmaelHi,
Glad to know that you’ve found the issue! Please feel free to open another thread if you have more questions about the theme.
Have a nice day.
Best regards,
IsmaelHey Jan,
Thank you for the inquiry.
We don’t have a solution for this yet. In the meantime, you can try using the Layer Slider element. Add a Video/Audio layer, then toggle the Background Video option under the Layer Settings > Content > Media Options section. This background video should play on both desktop and mobile views.
Best regards,
IsmaelHi,
Thank you for the screenshot.
Looks like you’ve uploaded a lot of icons in a single set or group. Have you tried uploading a maximum of 5-10 items per group? If the issue persists, please provide the login details in the private field.
Best regards,
IsmaelHey navindesigns,
Thank you for the inquiry.
Did you set the video as layer background, and is it muted? Also, please make sure to use a Video/Audio layer and toggle the Background Video option in the Layer Settings > Content > Media Options section.
Best regards,
IsmaelHi,
Thank you for the update.
We may need to create a new container inside the header and place the logo and widgets inside. Please add this code to the functions.php file:
function ava_custom_script_header_container() { ?> <script> (function ($) { function g() { var newContainer = $('<div>', { class: 'container' }); $('#header_main').children('.widget, .av-logo-container, .cart_dropdown').appendTo(newContainer); $('#header_main').append(newContainer); } $(document).ready(function () { g(); }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script_header_container');Then include this css code to adjust the maximum width of the new container:
#header_main > .container { max-width: 1360px; }Best regards,
IsmaelHey reqonsult,
Thank you for the inquiry.
How can we display the video automatically in the mobile version too?
This is not possible with the Fullscreen Slider or any builder elements with background video. Only the fallback image will be displayed when viewed on mobile devices. If you need to display the video on mobile devices, you may need to use the Video or Layer Slider element. When using the Layer Slider, you can set a video layer as a background video.
Best regards,
IsmaelMay 17, 2024 at 7:39 am in reply to: Color Section Background Image Appearing Differently On Different Size Screens #1444022Hey clbdcnpafe,
Thank you for the inquiry.
The issue you’re experiencing with background images appearing differently on various laptop and desktop screens is due to how the background-size: cover; property works in css. When you use background-size: cover; or when the Background Attachment is set to Stretch to fit, the background image is automatically resize to cover the entire container, maintaining its aspect ratio. This often results in parts of the image being cut off, especially if the aspect ratio of the image doesn’t match the aspect ratio of the container.
If you need the whole image to be visible within the container, you can set the background attachment to “Scale to fit”, which will set the background-size to “contain”. However, this might create spaces around the background image if the aspect ratio or size of the container doesn’t match the background image.
For more info about this property, please check the link below:
// https://www.w3schools.com/cssref/css3_pr_background-size.php
// https://developer.mozilla.org/en-US/docs/Web/CSS/background-sizeBest regards,
IsmaelHi,
Thank you for the info.
We noticed that the Autoptimize plugin is enabled. Have you tried disabling this plugin temporarily or toggling the compression after making changes to the site? We’ll check the site again once the password for the account is available.
Best regards,
IsmaelHi,
Thank you for the info.
When we edited one of the pages and checked the builder, an error was generated by the plugin “PrivateContent”, which might be the reason why the builder is not loading. Have you tried disabling the plugin temporarily?
Best regards,
IsmaelHey tcampaner,
Thank you for the inquiry.
There is no default option for this, but you can use the following css code to create an arrow above the menu items with submenus.
#top .menu-item-has-children:before { content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #ffffff; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }Best regards,
IsmaelMay 16, 2024 at 7:31 am in reply to: Enfold menu centered logo remove line between products and about #1443826Hey spokerstradingco,
Please check: https://kriesi.at/support/topic/navigation-menu-small-separator-height/
Best regards,
IsmaelHey spokerstradingco,
Thank you for the inquiry.
You can add this css code to remove the default border and create another with a definite height.
.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text:before { content: ''; width: 1px; height: 22px; background: #c4beb1; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text { border: 0; } .av_seperator_small_border .av-main-nav > li.menu-item-top-level-3 > a > .avia-menu-text:before, .av_seperator_small_border .av-main-nav > li.menu-item-top-level-1 > a > .avia-menu-text:before { display: none; }Best regards,
IsmaelHi,
Thank you for the inquiry.
We added this css code to adjust the width and height of the front page.
.responsive #top.boxed.page-id-329 { width: 100%; max-width: 100%; } .responsive #top #front-page { min-height: 100vh; }Best regards,
IsmaelHi,
Thank you for the inquiry.
You can add this css code to adjust the hover color of the links in the text block element:
.avia_textblock h4 a:hover strong { color: #a62c0a !important; text-decoration: underline; text-decoration-color: #a62c0a; }Best regards,
IsmaelHey ijnavas,
Thank you for the inquiry.
We get an error in the console when we try to edit the home (Welcome) page. Have you tried temporarily disabling the plugins? We also noticed that the Welcome page is set as a custom footer. Please deselect the page as a custom footer in the Enfold > Footer panel.
Best regards,
IsmaelHey heldentraeume,
Thank you for the inquiry.
We may need to inspect the elements in order to properly check the issue. Please provide the site URL in the private field.
Best regards,
IsmaelHey nebuddlho,
Thank you for the inquiry.
You can add this css code to adjust the margins on both sides of the header container.
@media only screen and (min-width: 990px) { /* Add your Desktop Styles here */ #header_main.container_wrap_logo .av-logo-container { margin: 0 50px; } #header_main.container_wrap_logo #custom_html-4 { margin-right: 50px; } }Best regards,
IsmaelHey mattb1169,
Thank you for the inquiry.
Did you upload fonts from Google? Please note that only Google Fonts are allowed in the Custom Font Manager. We were unable to access the site because it requires additional authentication. Please include the info in the private field.
Best regards,
IsmaelHey tsays,
Thank you for the inquiry.
You may need to temporarily disable the Enfold > Performance > File Compression settings and make sure to purge the cache in order to ensure that the changes take effect before checking the page. If the issue persists, please provide the site URL in the private field.
Best regards,
IsmaelHey Genevieve,
Thank you for the inquiry.
You might have forgotten to include the site URL in the private field. Please provide the info in the private field. In the meantime, try toggling or temporarily disabling the Enfold > Performance > File Compression settings, then purge the cache. Let us know if it changes anything.
Best regards,
Ismael -
AuthorPosts
