Forum Replies Created
-
AuthorPosts
-
Hi,
Thank you for following up.
We added this css code to adjust the padding on mobile view:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 0 !important; } }
Please make sure to purge the cache before checking the page.
Best regards,
IsmaelJanuary 17, 2025 at 7:43 am in reply to: Get rid of payment solutions on product and cart pages #1475277Hi,
Alright! Glad to know you figured it out. Please feel free to open another thread if you have more questions.
Have a nice day.
Best regards,
IsmaelHey vancestone,
Thank you for the inquiry.
The gap is caused by the parallax effect in the Advanced > Animation settings of the Column elements. We disabled the animation to get rid of the extra space.
Best regards,
IsmaelJanuary 17, 2025 at 7:36 am in reply to: How to enable the Enfold “Theme Options” for editors? #1475275Hey Neverlands,
Thank you for the inquiry.
The suggestion is to use the plugin https://wordpress.org/plugins/members/, edit the “Editor” role, and add more capabilities to it until the Theme Options panel shows up. Did you try this?
Best regards,
IsmaelHi,
@seomar: There is a script error on the page when we checked. Please try to deactivate the plugins and temporarily remove any custom scripts. If the issue persists, please open another thread, and we’ll continue there.cabina-aspirado-filtrado-depresion-recinto-comun/:437 Uncaught ReferenceError: jQuery is not defined
at cabina-aspirado-filtrado-depresion-recinto-comun/:437:6
@raslade: Glad we could help! Let us know if you have more questions.Best regards,
IsmaelHi,
Thank you for the update.
It looks like the link title is not being added to the html. Please add this to the functions.php file:
add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1); function avia_include_shortcode_template($paths) { $template_url = get_stylesheet_directory(); array_unshift($paths, $template_url.'/shortcodes/'); return $paths; }
Create a folder/file structure inside the child theme directory: shortcodes > logoslider > logoslider.php. Then, add this code to override the default logo slider element.
// https://pastebin.com/AEKjwcRe
The script should function correctly after this modification.
Best regards,
IsmaelHi,
Thank you for the update.
The shift or the spaces around the cells are due to the padding settings. Did you set the left or right padding to 20%?
.responsive #top #wrap_all .flex_cell.av-kyn9tdd8-374b8bd1892b4b8013281e9880b054a8 { padding: 4% 20% 4% 4% !important; }
You have to edit the Grid Row cells and adjust the Styling > Padding for the mobile view, as shown in the screenshot below.
Best regards,
IsmaelJanuary 17, 2025 at 7:00 am in reply to: Changing the color in the navigation background on home #1475271Hi,
Thank you for the update.
You can add this css code to adjust the header background on the home page.
.home .header_color .header_bg { background: #ffffff; }
Best regards,
IsmaelHi,
Great! Glad to know that you have figured out the issue. 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 don’t hesitate to open another thread if you have more questions about the theme.
Have a nice day.
Best regards,
IsmaelHi,
Thank you for the update.
We have selected a larger version of the product image in the Product Grid’s Styling > Image Size settings.
To underline all links in the site, please add this css code:
#top #main a { text-decoration: underline !important; }
Best regards,
IsmaelHi,
No problem! Please don’t hesitate to open another thread if you have more questions.
Have a nice day.
Best regards,
IsmaelHi,
Thank you for the update.
You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings and purge the cache afterwards. If the issue persists, please provide the login details in the private field.
Best regards,
IsmaelHi,
Great! Glad to know that this has been resolved. Let us know if you have more questions.
Have a nice day.
Best regards,
IsmaelHi,
Thank you for the inquiry.
Yes, the code you added should display the social bookmarks back on mobile view, as they are hidden by default.
Best regards,
IsmaelHi,
Thank you for the update.
There are thumbnails in the Preview Image Size selection that crop the source image based on the specified dimensions, but they retain the original aspect ratio. For example, if the specified thumbnail size is 400x200px, which has an aspect ratio of 2:1, and an image with a 16:9 aspect ratio is uploaded, the image will be resized to a maximum width of 400px but it will retain its original aspect ratio. This means the height will be adjusted proportionally. This is why it’s recommended to upload images with a similar size and aspect ratio.
Best regards,
IsmaelJanuary 16, 2025 at 6:59 am in reply to: Problem with tab in combination with GravityForms error messages #1475213Hi,
Yes, you may need to switch to the Color Section and refrain from using the Tab Section element with the contact form. Thank you for your understanding.
Best regards,
IsmaelHi,
Thank you for the info.
The script is not working because you didn’t apply Link Title to the slides. Please edit the shortcode and apply the title for each slide and provide a link to the page containing the shortcode or slider element so that we can check it.
Best regards,
IsmaelHi,
Thank you for the update.
You can add this css code to adjust the spacing between the footer widgets:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ #footer .flex_column:nth-child(1) .textwidget p:nth-child(2) { display: none; } .responsive #footer .flex_column { margin-bottom: -20px !important; } }
Best regards,
IsmaelHey rixi,
Thank you for the inquiry
You can add this css code, but it will hide some areas of the video.
#top #av_section_1 .av-section-video-bg iframe, #top #av_section_1 .av-section-video-bg embed, #top #av_section_1 .av-section-video-bg object, #top #av_section_1 .av-section-video-bg video { object-fit: cover; }
Best regards,
IsmaelHi,
Thank you for the screenshot.
You can add this css code to adjust the padding around the text block:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .flex_column.av-1u3m9t-a03b2b260720678788546a33a5e89656 { padding: 50px 10px; } }
Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings, then purge the cache.
Best regards,
IsmaelHi,
Thank you for the update.
The contrast evaluation is possibly incorrect or there’s an error in the tool you’re using. White text on a completely black background (or vice versa) should have a contrast ratio of 21:1. (https://coolors.co/contrast-checker/ffffff-000000). You may need to either disregard this result or try using a different evaluation tool.
Best regards,
IsmaelHi,
Thank you for the access.
We adjusted the css code a bit. Please check this screenshot: https://imgur.com/a/YfWdBI1
Best regards,
IsmaelHi,
Thank you for the update.
Did you install any security plugin? We’re getting this error in the home page.
SyntaxError: unexpected token: identifier e https://xxxxxx.sandspas.com/:745 lockdown-install.js:1:97687
Please try deactivating the plugins temporarily, or clone the site to a staging environment so we can check it thoroughly.
Best regards,
IsmaelHey Maxime,
Thank you for the inquiry.
“Did you install any image lazy-loading plugin? Please try to deactivate it temporarily. You can also disable the Single Post Navigation in the Enfold > Blog Layout > Single Post Options panel. The navigation seems to contribute to the CLS issue.
Best regards,
IsmaelHey hungniki,
Thank you for the inquiry.
Have you checked the configuration in the Settings > Permalink panel? Make sure the permalink structure doesn’t include the “page-2” path by default.
Best regards,
IsmaelJanuary 15, 2025 at 7:37 am in reply to: Burger menu colour change on mobile with transparent menu #1475129Hey Acquarius26,
Thank you for the inquiry.
Try to include this css code to adjust the initial and scrolled color of the burger menu:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ #top .header_color.av_header_transparency .av-hamburger-inner, #top .header_color.av_header_transparency .av-hamburger-inner::before, #top .header_color.av_header_transparency .av-hamburger-inner::after { background-color: #fff; } #top .header_color .av-hamburger-inner, #top .header_color .av-hamburger-inner::before, #top .header_color .av-hamburger-inner::after { background-color: var(--enfold-header_burger_color); } }
Best regards,
IsmaelHey andreas_anselm,
Thank you for the inquiry.
You can use the Icon shortcode directly in the Navigation Label field. Example:
[av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' size='16px' position='left' color='' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-m5xinkob' sc_version='1.0' admin_preview_bg=''][/av_font_icon] Call Us
Then add this css code to adjust the style of the button menu item:
#top #header .av-menu-button>a .avia-menu-text { display: inline-block; line-height: 30px; border-radius: 4px; }
Best regards,
IsmaelHey Richard,
Thank you for the inquiry.
To avoid distorting the images, you can use the following css code instead:
.slide-image { min-height: 223px; } .slide-image img { object-fit: cover; width: 100%; height: 100%; object-fit: cover; min-height: 223px; }
Aside from using the css above, other solutions include uploading images with the same height and aspect ratio, or selecting a specific thumbnail in the Styling > Appearance > Preview Image Size settings if you’re using the Blog Posts element.
Best regards,
IsmaelHey navindesigns,
Thank you for the inquiry.
The error is due to the slider element below the headline:
<a href="https://bowl360astoria.nyc/" data-rel="slide-1" class="slide-image" title=""><span class="av-partner-fake-img" style="padding-bottom:76.666666666667%; background-image:url(https://xxxxxx.nyc/wp-content/uploads/2023/05/02-2.png);"></span></a>
To fix it, make sure to apply Link Title > Link Title to each slide, then add this script in the functions.php file.
function ava_custom_script_add_hidden_text() { ?> <script type="text/javascript"> (function ($) { $(document).ready(function () { $('.slide-image').each(function () { var $this = $(this); var titleText = $this.attr('title'); if (titleText) { var hiddenSpan = $('<span>', { 'class': 'visually-hidden', 'text': titleText }); $this.append(hiddenSpan); } }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script_add_hidden_text', 9999);
This will create a hidden span element inside the slide-image container.
<a href="https://bowl360astoria.nyc/" data-rel="slide-1" class="slide-image" title="Visit Bowl 360 Astoria"> <span class="av-partner-fake-img" style="padding-bottom:76.666666666667%; background-image:url(https://xxxxx.nyc/wp-content/uploads/2023/05/02-2.png);" aria-hidden="true"></span> <span class="visually-hidden">Visit Bowl 360 Astoria</span> </a>
Best regards,
Ismael -
AuthorPosts