Forum Replies Created
-
AuthorPosts
-
Hi,
I didn’t make any changes, I only investigated these two fields. From above I don’t see that Nikko made any changes, he wrote:
I have switched staging21 to Enfold version 5 and it seems to work as it should
perhaps the other things were cache related.
Perhaps our documentation for Adding a header widget area will help you recreate this area.Best regards,
MikeHi,
Yes, this is not a default font, that is why I thought it was a custom font, perhaps it is added by a plugin, did you try disabling all of your plugins?
Is the front end correct now with the css we helped you with?
Do you have any custom CSS or scripts, sometimes in CSS fonts are added with @import
If you can not find it, leave all of your plugins disabled and include an admin login in the Private Content area so we can examine.
I still don’t know which font in the preview is not correct.Best regards,
MikeHi,
Thanks for the video, but I tested on Windows in Chrome, Firefox, & Edge and was not able to reproduce this.
What version of Chrome are try using, I tested with v106.0.5249.62 (Official Build) (64-bit)
Do they have any extensions installed in the browser? I have none.Best regards,
MikeHi,
It is a page created with the Advanced Layout Builder, so you can edit it.
Our documentation explains that a Coming soon page or a Maintenance mode page both use the maintenance mode option and you just choose any page you wish to use.
The demo that you linked to is just a single page with a color section that has a background image, some text, an Animated Countdown element and a contact form:

If you already have a demo imported I would not recommend importing a second demo as it will change your settings, if this is your first and only import for your root domain then go ahead.
Please note in this demo the background image for the color section will need to be set, and the Animated Countdown will not show until you set the future date and time, by default it is a past date. So when you first look at it, it will just be a white screen because the text is white, but once you set the background image you will see the text.
Another option is to Enable the Avia Layout Builder Debugger that will add a box under the Advanced Layout Builder to enter or copy the page shortcode, you can add this shortcode:[av_section min_height='100' min_height_pc='25' min_height_px='500px' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' padding='large' custom_margin='0px' custom_margin_sync='true' av-desktop-custom_margin='' av-desktop-custom_margin_sync='true' av-medium-custom_margin='' av-medium-custom_margin_sync='true' av-small-custom_margin='' av-small-custom_margin_sync='true' av-mini-custom_margin='' av-mini-custom_margin_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' color='main_color' background='bg_color' custom_bg='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='https://savvyify.com/enfold/coming-soon/wp-content/uploads/sites/8/2014/09/people_town_dark.jpg' attachment='23' attachment_size='full' attach='fixed' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' custom_arrow_bg='' css_position_z_index='' av-desktop-css_position_z_index='' av-medium-css_position_z_index='' av-small-css_position_z_index='' av-mini-css_position_z_index='' id='' custom_class='' template_class='' aria_label='' av_element_hidden_in_editor='0' av_uid='av-a1x9c' sc_version='1.0'] [av_one_fourth first av_uid='av-9gjw4'] [/av_one_fourth][av_one_half av_uid='av-8vhv8'] [av_image src='https://kriesi.at/themes/enfold-coming-soon/files/2014/09/logo_coming_soon-80x80.png' attachment='16' attachment_size='thumbnail' align='center' animation='pop-up' link='' target='' styling='no-styling' caption='' font_size='' appearance='' av_uid='av-83py0'][/av_image] [av_heading tag='h1' padding='10' heading='<strong>Coming Soon</strong><br/>to a place near you!' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='44' subheading_active='subheading_below' subheading_size='15' custom_class='' av_uid='av-7hhy0'] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.sellus dolor. Maecenas vestibulum mollis [/av_heading] [/av_one_half][av_one_fourth av_uid='av-6xyuw'] [/av_one_fourth][av_hr class='invisible' height='100' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-6dkag'] [av_countdown date='10/02/2023' hour='12' minute='0' timezone='UTC' min='1' max='5' margin='' margin_sync='true' padding='' padding_sync='true' av-desktop-margin='' av-desktop-margin_sync='true' av-desktop-padding='' av-desktop-padding_sync='true' av-medium-margin='' av-medium-margin_sync='true' av-medium-padding='' av-medium-padding_sync='true' av-small-margin='' av-small-margin_sync='true' av-small-padding='' av-small-padding_sync='true' av-mini-margin='' av-mini-margin_sync='true' av-mini-padding='' av-mini-padding_sync='true' align='av-align-center' size='' av-desktop-font-size-title='' av-medium-font-size-title='' av-small-font-size-title='' av-mini-font-size-title='' size-text='' av-desktop-font-size='' av-medium-font-size='' av-small-font-size='' av-mini-font-size='' style='av-trans-light-style' color_numbers='' color_timeunit='' alb_description='' id='' custom_class='' template_class='' av_uid='av-5u01o' sc_version='1.0' admin_preview_bg=''] [av_hr class='invisible' height='100' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello' av_uid='av-5bvnk'] [av_one_fourth first av_uid='av-49xao'] [/av_one_fourth][av_one_half av_uid='av-3nz68'] [av_contact email='' title='' button='Notify me on Launch' on_send='' sent='Thank you!' link='manually,http://' subject='' autorespond='' captcha='' color='av-custom-form-color av-light-form' av_uid='av-331gw'] [av_contact_field label='Name' type='text' options='' check='is_empty' width='element_third' av_uid='av-2su9g'][/av_contact_field] [av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_third' av_uid='av-25qmk'][/av_contact_field] [/av_contact] [av_textblock size='21' font_color='custom' color='#ffffff' av_uid='av-1r2uk'] <p style="text-align: center;">Want to get notified once we are ready to launch? Leave us your mail address and we will!</p> [/av_textblock] [/av_one_half][av_one_fourth av_uid='av-102pc'] [/av_one_fourth][/av_section]but you will still need to set the image.
Best regards,
MikeSeptember 28, 2022 at 3:26 am in reply to: How to set image sizes / aspect ratio in product catalog #1366654Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHey limedrop,
Thanks for your question, the menu seems to be controlled by a plugin called jumbo-by-bonfire and the css for the menu and the sub-menu is overwritten by this plugin.
So the theme options seem to be overwritten by this plugin.
I have checked my demo install and the theme option is working correctly, so to use the theme options you will need to disable the plugin.Best regards,
MikeSeptember 28, 2022 at 2:29 am in reply to: Magnifying Glass icon in Search form in a custom 404 page & Search Results page #1366647Hey Gary,
Thank you for your patience, the reason the icon font for the search icon is not showing is because you are getting a CORS error:Access to font at 'https://yoursite.com/denture6/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff' from origin 'https://www.yoursite.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.It seems that the site with “www” is considered different than with no “www”
I see in the wordpress settings the url is no “www” is the SSL certificate include both “www” and no “www” on your server?
is your root site also an Enfold theme or only the /denture6/ directory? I’m not sure why your /denture6/ site is trying to get the font from your root site.Best regards,
MikeHey garyt13,
Thanks for the link to your site, I see that your css has curly quotes, they need to be straight quotes
try this css:.av-subheading { font-family: 'audiowide'; }Please copy the css from the forum and not an email notification, after you paste the code please check for the curly quotes as your computer clipboard might add them.
After applying the css, please clear your browser cache and check.Best regards,
MikeHi,
Glad to hear, if you find the css causing issues on other pages we could add .single-portfolio to it so it only works on the portfolio pages, like this:@media only screen and (min-width: 768px) { .single-portfolio #av-layout-grid-1 .avia-image-container { min-height: 684px; } .single-portfolio #av-layout-grid-2 { min-height: 490.75px; } .single-portfolio #av-layout-grid-3 { min-height: 189.56px; } .single-portfolio #av-layout-grid-4 .flex_cell.av-gridrow-cell.av_one_third { min-height: 490.75px; } }Best regards,
MikeHi,
Try the WP-ShowHide plugin, then use two columns, the left column will have your links, each one needs to be wrapped the trigger shortcode, then the column on the right will have all of the text for each trigger, and wrapped in the correct shortcode to match the trigger.
Then use the shortcode option to leave your first one showing, all the others will be hidden.
Then each trigger link clicked will hide the one showing and show the new one.
I’m not an expert with this plugin, but I saw this setup on someone’s site a while back and it worked as you described.Best regards,
MikeHi,
Glad Guenni007 could help, thank you Guenni007, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Correct, this is not an Enfold function, this was added by the code above, I tested it on my demo site and it adds the extra elements to the customizer, but there is some missing code to make it work, I assume in the header.php but I don’t know, perhaps it was added to a different file. If you find out what the missing code is please share as it would be interesting to see.Best regards,
MikeHi,
Is the front end correct? Which font in the preview is not correct? Do you want to use Open Sans for all of your fonts? Earlier I thought that the font Monaco was a custom installed font, is this true, try going to Enfold Theme Options ▸ Import/Export ▸ Custom Font Manager and removing this font.
If one of your plugins is adding this font and everything else is correct I would not think that the back end preview would be that important?
If it is then I would recommend disabling your plugins to see if that corrects, if it does then enable each plugin one at a time until the error occurs again.
If this doesn’t help then try disabling your customizations to see if that helps.
If not then leave your plugins disabled and include an admin login in the Private Content area so we can examine.Best regards,
MikeHi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
I believe the issue is when you use the CDN images they take longer to load and while the PageSpeed report is checking the page for CLS the images load and change the height of the elements causing the low score.
I tested this css to set the minimum height of the elements that were failing on the CLS report and added it to my WordPress ▸ Customize ▸ Additional CSS because the WordPress CSS field has the highest priority.
I tested this on the original shortcode that you sent me using your image from the CDN that gave the CLS score of 0.269 above (today it gave a score over 0.3xx)@media only screen and (min-width: 768px) { #av-layout-grid-1 .avia-image-container { min-height: 684px; } #av-layout-grid-2 { min-height: 490.75px; } #av-layout-grid-3 { min-height: 189.56px; } #av-layout-grid-4 .flex_cell.av-gridrow-cell.av_one_third { min-height: 490.75px; } }with this css I got a score of 0.001

I tried to write the css thinking it might be used for all of your pages with the same layout, please try this on your page.
Try to regen your site cache so the css is included before testing, I don’t use any caching on the test site.Best regards,
MikeSeptember 27, 2022 at 12:57 pm in reply to: Enfold_Child Theme can't find parent Enfold Theme after manual update to 5.x #1366535Hi,
Thanks for the logins, I found that your parent theme was in an extra directory /enfold/enfold/ so the child theme couldn’t find the files of the parent theme, I corrected and activated your child theme.
I noticed in WordPress ▸ Dashboard ▸ Tools ▸ Site Health your PHP version is 7.3.33 and the minimum recommended version for WordPress is v7.4, please ask your webhost to update this for you.

Best regards,
MikeHi,
Thanks for the feedback, I tested the font zip on my test site and it works, when I try it on your site I see that you get a 403 error:
/wp-admin/admin-ajax.php 403 this the Forbidden error from your server, try disabling try these steps to solveBest regards,
MikeSeptember 27, 2022 at 3:36 am in reply to: Change the colour of screen background on scroll #1366478Hey engage24,
I achieved this by adding 5 color sections each with a custom class of: white, blue, red, yellow, and purple and each with a height of 100% with a special heading for reference:

then I added this css:.turn-white { background-color: #fafaf8; } .turn-blue { background-color: #3860be; } .turn-red { background-color: #c7102a; transition: background-color .5s ease; } .turn-yellow { background-color: #ffa100; } .turn-purple { background-color: #2b1378; }and added this script to the end of your child theme functions.php file in Appearance ▸ Editor:
function waypoint_change_background_color_scroll() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ var $sections = $('.avia-section'); var $white = $(".white"); var $blue = $(".blue"); var $red = $(".red"); var $yellow = $(".yellow"); var $purple = $(".purple"); $white.waypoint(function(direction) { if (direction === 'down') { $sections.addClass('turn-white'); $sections.removeClass('turn-purple'); } if (direction === 'up') { $sections.removeClass('turn-white'); $sections.addClass('turn-purple'); } }, { offset: '50%' }); $blue.waypoint(function(direction) { if (direction === 'down') { $sections.addClass('turn-blue'); $sections.removeClass('turn-white'); } if (direction === 'up') { $sections.removeClass('turn-blue'); $sections.addClass('turn-white'); } }, { offset: '50%' }); $red.waypoint(function(direction) { if (direction === 'down') { $sections.addClass('turn-red'); $sections.removeClass('turn-blue'); } if (direction === 'up') { $sections.removeClass('turn-red'); $sections.addClass('turn-blue'); } }, { offset: '50%' }); $yellow.waypoint(function(direction) { if (direction === 'down') { $sections.addClass('turn-yellow'); $sections.removeClass('turn-red'); } if (direction === 'up') { $sections.removeClass('turn-yellow'); $sections.addClass('turn-red'); } }, { offset: '50%' }); $purple.waypoint(function(direction) { if (direction === 'down') { $sections.addClass('turn-purple'); $sections.removeClass('turn-yellow'); } if (direction === 'up') { $sections.removeClass('turn-purple'); $sections.addClass('turn-yellow'); } }, { offset: '50%' }); })(jQuery); }); </script> <?php } add_action('wp_footer', 'waypoint_change_background_color_scroll');See my demo page here.
Best regards,
MikeHi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeSeptember 27, 2022 at 1:06 am in reply to: In footer, the 4th column is dropping under the 3rd column #1366467Hey Christy,
Thanks for the link to your site, I see that you are using v4.7.6.4, you may wish to update to v5.1.2.
The issue with your footer columns is that the 1/4 columns have a width of 24.5% where they should have a with of 20.5%
Please check your custom css for this, or try this css in Enfold Theme Options ▸ General Styling ▸ Quick CSS field#footer .av_one_fourth { margin-left: 6%; width: 20.5%; } #footer .first.av_one_fourth { margin-left: 0%; }After applying the css, please clear your browser cache and check.
Best regards,
MikeSeptember 27, 2022 at 12:52 am in reply to: Enfold_Child Theme can't find parent Enfold Theme after manual update to 5.x #1366466Hey C41A,
Please include an admin login & FTP access in the Private Content area so we can check.Best regards,
MikeHi,
Please try this css:@media only screen and (max-width: 767px) { .subtext.avia-standard-logo-sub span { display: none; } }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Thanks for the feedback, yes, using a separate WordPress and Enfold theme there will allow you to have a holding page there.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
As I understand your question, your activate domain should remain visible, and you have wordpress with a theme installed there “test.com”
your development site should show the “comimg soon” page while you are working on it, and a separate wordpress with Enfold is installed there “test.com/new”
in this case the “comimg soon” page will not interfere with your activate domain.Best regards,
MikeHi,
Thank you for the shortcode, I first tested it exactly as you sent it and while the images don’t show for me in the backend the url for the images were in the code and were pulled from your domain on page load and they showed on the frontend, in the first test the CLS was 0.269:

so I was basically able to reproduce the issue, so as a first modification test I changed all of the images to local images to verify the results and rule this out as a cause, I left all settings the same and tried to use the same size images, but the result was a CLS 0.012, a huge difference just by changing the images:

To find a cause for this difference I notice that your images seem to be served by a CDN, please try making a copy of this test page and change the images so they don’t use the CDN or any plugins, and see if you also get a lower score.Best regards,
Mike -
AuthorPosts

