Forum Replies Created

Viewing 30 posts - 10,651 through 10,680 (of 34,990 total)
  • Author
    Posts
  • in reply to: Breadcrumb #1366766

    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: How to remove strokes in galleries #1366765

    Hi,
    Do you mean the border around the images, if so try this css:

    #top #main div .avia-gallery .avia-gallery-big {
        border-style: none;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Using image icon/flipbox raster element [SOLVED] #1366764

    Hey steviger,
    Thanks for your question, we have updated the Icon / Filpbox Grid element since the thread you linked to, I see you want the image on the front and text on the back, so please try these steps.
    Add your text to the front Grid Item Sub-Title:
    2022-09-28_002.jpg
    then add your image to the backside Grid Item Content:
    2022-09-28_005.jpg
    and check the Inverse Layout – Ignored For Tooltip so the image will show on the front side.
    I linked to my test page below.

    Best regards,
    Mike

    in reply to: How to remove strokes in galleries #1366760

    Hey Alan,
    Thanks for the link to your site, I assume by “stroke” you mean the fade of the image on hover.
    Please try this code in the General Styling ▸ Quick CSS field

    #top #main .avia-gallery .avia-gallery-thumb a:hover {
        opacity: 1;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Break point for burger menu. #1366759

    Hey Marcos Q.,

    Thanks for your question, please try this css:

    @media only screen and (max-width: 1270px) {
      #top #header .av-main-nav > li.menu-item  {
          display: none!important;
      }
      #top #header .av-burger-menu-main {
          cursor: pointer;
          display: block!important;
      }
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Change the colors of the product page #1366758

    Hi,
    Thank you for the screenshot and the link to your site, please try this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top:not(.home) #header_main {
    	background: #F8F6F2;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Breadcrumb #1366755

    Hey limedrop,
    You can add the breadcrumb as a shortcode to the site, such as in a code block element, the shortcode is [av_breadcrumbs]
    Add this code to the end of your child theme functions.php file in Appearance ▸ Editor to make the shortcode work:

    function av_breadcrumbs_shortcode( $atts ) {
      return Avia_Breadcrumb_Trail()->get_trail( array( 'separator' => '/', 'richsnippet' => true ) );
      }
      
      add_shortcode( 'av_breadcrumbs', 'av_breadcrumbs_shortcode' );

    Best regards,
    Mike

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

    Hi,
    Sorry, we were not able to help more with this issue, 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: Inline search menu bug on Windows only #1366752

    Hi,
    Glad to hear that it is sorted out, over the last 5 years I have not seen this issue and I primarily use Chrome, perhaps this was a bug in Chrome I can’t imagine that the issue was with the function and Chrome’s update fixed it. I don’t know of any way to roll back Chrome to other versions and I don’t think it would help because I wouldn’t know how to correct an issue with a specific browser version with css or javascript, or if it’s possible to target a specific browser version.

    Best regards,
    Mike

    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

Viewing 30 posts - 10,651 through 10,680 (of 34,990 total)