Forum Replies Created

Viewing 30 posts - 10,591 through 10,620 (of 34,921 total)
  • Author
    Posts
  • in reply to: Show content in div on click #1366722

    Hi,
    Thank you Guenni007, we will leave this open.

    Best regards,
    Mike

    in reply to: Enfold 5 update broke the theme #1366720

    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,
    Mike

    in reply to: Fonts not from Enfold-Theme used #1366717

    Hi,
    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,
    Mike

    in reply to: Inline search menu bug on Windows only #1366712

    Hi,
    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,
    Mike

    in reply to: Holding page on my domain #1366707

    Hi,
    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:
    2022-09-28_001.jpg
    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,
    Mike

    in reply to: Show content in div on click #1366704

    Hi,
    Glad to try to help, shall we close this then?

    Best regards,
    Mike

    in reply to: How to set image sizes / aspect ratio in product catalog #1366654

    Hi,
    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,
    Mike

    in reply to: Column spaces #1366652

    Hi,
    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,
    Mike

    in reply to: Fullwidth Sub Menu not hiding on mobiles #1366651

    Hey 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,
    Mike

    Hey 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,
    Mike

    in reply to: Special heading Subheading Text font famly #1366646

    Hey 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,
    Mike

    in reply to: Cumulative Layout Shift (CLS) Grids problem #1366645

    Hi,
    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,
    Mike

    in reply to: Show content in div on click #1366628

    Hi,
    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,
    Mike

    in reply to: Mystery Box Has Returned! #1366622

    Hi,
    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,
    Mike

    in reply to: Enfold 5 update broke the theme #1366621

    Hi,
    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,
    Mike

    in reply to: Fonts not from Enfold-Theme used #1366619

    Hi,
    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,
    Mike

    in reply to: Custom font import not working #1366609

    Hi,
    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,
    Mike

    in reply to: Cumulative Layout Shift (CLS) Grids problem #1366549

    Hi,
    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
    2022-09-27_002.jpg
    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,
    Mike

    Hi,
    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.
    2022-09-27_001.jpg

    Best regards,
    Mike

    in reply to: Custom font import not working #1366529

    Hi,
    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 solve

    Best regards,
    Mike

    in reply to: Change the colour of screen background on scroll #1366478

    Hey 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:
    2022-09-26_004.jpg
    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,
    Mike

    in reply to: Button on homesite looks different #1366468

    Hi,
    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,
    Mike

    in reply to: In footer, the 4th column is dropping under the 3rd column #1366467

    Hey 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,
    Mike

    Hey C41A,
    Please include an admin login & FTP access in the Private Content area so we can check.

    Best regards,
    Mike

    in reply to: Move Logo and Add Text #1366465

    Hi,
    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,
    Mike

    in reply to: Holding page on my domain #1366464

    Hi,
    Thanks for the feedback, yes, using a separate WordPress and Enfold theme there will allow you to have a holding page there.

    Best regards,
    Mike

    in reply to: Inline search menu bug on Windows only #1366442

    Hi,
    Thanks for the link to your page, is this the search field that disappears on input or hover?
    2022-09-26_003.jpg
    I tested on Windows in Chrome, Firefox, & Edge and found no issue.
    Which browser did they see the error on?

    Best regards,
    Mike

    in reply to: Text disappears in the background #1366437

    Hi,
    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,
    Mike

    in reply to: Holding page on my domain #1366436

    Hi,
    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,
    Mike

    in reply to: Cumulative Layout Shift (CLS) Grids problem #1366361

    Hi,
    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:
    cls-test-1.jpg
    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:
    cls-test-2.jpg
    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

Viewing 30 posts - 10,591 through 10,620 (of 34,921 total)