Forum Replies Created

Viewing 30 posts - 841 through 870 (of 33,332 total)
  • Author
    Posts
  • Hi,
    CSS would not be the way to display the LayerSlider, we would use PHP, the css would be used to style the LayerSlider after the PHP, such as to hide the logo in the header. We can do this but since you are not using a Child Theme you could use the WP Code plugin to add the PHP code.
    Since we will need to switch your theme to the one that the LayerSlider is not working in a few times to ensure the PHP code that we add works correctly, do you want to create a staging site so your visitors will not be confused while we work on the site? Did you find any other errors when switching to the new theme?
    I also see that you don’t have the latest theme installed v6.0.1 I only see v5.6.9?

    Most cPanel webhosts have a staging site option, some in the dashboard:
    staging-1.jpeg
    Others add the option in the Softaculous WordPress Management
    2022-12-11_001.jpeg
    There may be other staging site options in different cPanel servers, these are the two that I have seen.

    Best regards,
    Mike

    in reply to: Background color #1462172

    Hey ijnavas,
    For this page you will need to change the page ID in the css, please try this css for the new page:

    #top.page-id-1403 #after_section_1.main_color {
    	background-color: #094562;
    }

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

    Best regards,
    Mike

    Hi,
    Thanks for that, when I try to login I see an error message for five Deprecated properties for your plugin the-events-calendar-community-events
    which prevents me from logging in, this doesn’t list any theme files in the error, but only the plugin files.
    Please see the error below, it seems that when the debug is not enabled these errors are suppressed.
    Perhaps it is a PHP error, I recommend asking the plugin support as they might know about these errors.

    Best regards,
    Mike

    in reply to: Menu Items for mobile #1462053

    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: Rounded edge #1462048

    Hi,
    For the page that you linked to, please try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .av-71o5oc-a8dc12cd8b5da5904a0f5d2b3077d9f9 {
    border-radius: 10px !important;
    }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Menu Items for mobile #1462047

    Hi,
    Try this css instead

    #top #header_meta .phone-info span {
        font-family: 'Raleway', sans-serif;
        font-size: 18px;
        font-weight: 900 !important;
        color: #000;
    }

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

    Best regards,
    Mike

    Hi,
    Thanks, please add define( 'WP_DEBUG', true ); to your staging site wp-config.php, please see here., add allow us to add debugging plugins.

    Best regards,
    Mike

    in reply to: Ajax Portfolio Grid equal height #1462045

    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: Publishing posts takes FOREVER (50 seconds) #1462034

    Hey flylanddesigns,
    Thank you for your patience, your screenshot looks like some elements are not loading, but I don’t see this on your frontend, try going to Enfold Theme Options ▸ Performance ▸ Disabling Of Template Builder Elements ▸ Always load all elements then disable Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files
    If you have a caching plugin or a web server cache please also clear it.
    If this helps try leaving these settings for a few hours and make some changes to your site or publish some test pages as a test, then go back to your Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression settings.
    If this doesn’t help, please leave the setting that I recommend in place and include a admin login in the Private Content area so we can examine.

    Best regards,
    Mike

    in reply to: Email field in mobile view in a different color #1462033

    Hey Diana,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

     #top .main_color input[type='email'] {
        border-color: #ffffff;
        background-color: #f6f7f9;
        color: #1e242f;
        font-weight: 300;
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    in reply to: Line across entire width – double ? #1462032

    Hey Diana,
    The line is a after section feature, to remove try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top .container_wrap {
        border-top-style: none;
    }

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

    Best regards,
    Mike

    in reply to: Enfold 5.0 #1462031

    Hey Aubin,
    Please see our change log here. To test the update I recommend creating a staging site, check your webhost to see if you have the one click staging site option, this is a option in most cPanels to create a staging clone of your site so you can test updates on it and your live site will stay up and running. You can always ask your webhost to help you with setting this up if you want.
    Here are some screenshots of what it would look like:
    staging-1.jpg
    staging-2.jpg

    Best regards,
    Mike

    in reply to: Contact form in French language #1462030

    Hi,
    Glad to see 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: Email not sent #1462029

    Hey anouk3177,
    Thanks for the login, it looks like you are using a gmail address as your from email, typically this will be deleted as spam by email servers. So you should use a SMTP email server, I see you installed the WP Mail SMTP plugin and tried to set the Other SMTP, but you are not using Authentication
    Enfold Support 6329
    and you still added your gmail address as your “from” address.
    So first try setting up a email address on your webhost server with the same domain as your website, otherwise they will be spam and often deleted.
    Then get your SMTP login from your webhost and add it to your plugin.

    Best regards,
    Mike

    Hey acscreativenew,
    Do you mean this Community Events addon? If so please try creating a staging site copy of your site so we can test and your live site will remain untouched, as we don’t have this paid addon to test with. For now I recommend using the standard footer.

    Please check your webhost to see if you have the one click staging site option, this is a option in most cPanels to create a staging clone of your site so we can test on it and you site will stay up and running. You can always ask your webhost to help you with setting this up if you want.
    Here are some screenshots of what it would look like:
    staging-1.jpg
    staging-2.jpg

    Best regards,
    Mike

    in reply to: YouTube background video not looping #1462027

    Hi,
    Thank you for your patience and the link to your site, I first tested your video on my test site as a color section background like yours and the video loops in Windows in Chrome, Firefox, & Edge. I the noticed that you have a plugin called YouTube WordPress Plugin by Embed Plus and found that when this is disabled your video also loops. I left it disabled for you to check.

    Best regards,
    Mike

    Hi,
    Thank you for your patience and the link to your site, I first tested one of your videos on my test sites with the same settings that you have and the video plays with sound, on your site the volume is clearly disabled:
    Enfold Support 6325
    but your child theme has a lot of custom files, including a header.php – typically including a old header.php can cause issues, please consider removing.
    Enfold Support 6327
    So I tested switching to the parent theme and the video plays correctly with sound:
    Enfold Support 6323
    So this points to a custom file in your child theme causing the error, try removing the header.php first, then the “includes” files, and if that doesn’t help start removing your other custom files until you find the conflict.

    Best regards,
    Mike

    in reply to: full width video dont work with consent plugin #1462025

    Hi,
    Thank you for your patience, when I check your two pages the videos now work so I assume that you found the correct setting in your consent plugin, shall we close this thread then?

    Best regards,
    Mike

    in reply to: Menu Items for mobile #1462024

    Hi,
    When I check now the font size is now 13px, try clearing your browser cache if you use Safari try following these steps for Safari and note step 4 where you will Clear the History.

    Best regards,
    Mike

    in reply to: How to fix footer area? #1462023

    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: where is my theme? #1462022

    Hi,
    I don’t know what you mean by “wordpress toolkit” do you mean the staging site options, this would be in your webhost not in your website backend, but not every webhost has this, try asking your webhost.
    If you don’t have the Enfold theme listed as products in your Envato account, then you will have to ask Envato we don’t have control there and only Envato can track and offer licenses.
    If you had a “developer” install the theme for you, you may not own the license and only the “developer” has access to it, if this is the case and you can’t contact the “developer” the you should consider purchasing your own license in your Envato account so you can download the theme now and in the future. The good news is that when you purchase a license you get 6 months of support included, or for a little more you can have a year of support – a great value.
    Enfold Support 6321

    Best regards,
    Mike

    in reply to: woocommerce login redirect to another page #1462021

    Hi,
    That could be due to a plugin like Wordfence Security or a code snippet in your wp-config.php file:

    define( 'DISALLOW_FILE_EDIT', true );
    define( 'DISALLOW_FILE_MODS', true );

    if you see this remove it.
    Otherwise use FTP

    Best regards,
    Mike

    Hi,
    Please see the filter on line 1898 in functions-enfold.php:

    //hide or show child pages in menu – if the class is set to ‘widget_nav_hide_child’ the child pages will be hidden

    Best regards,
    Mike

    in reply to: Version of Child vs Theme and updates #1462015

    Hi,
    Glad we were able to help, if you have any further questions please log in to the support forum and open a new thread if you need further assistance.
    If you are unable to login to the support forum because you don’t have a activate support contract, please try going to your Theme Forest account and renew your support and then log in to the support forum and open a new thread. Please note that using the contact form is not appropriate for support questions. Thank you for using Enfold.

    Best regards,
    Mike

    Hi,
    Try to Enable the Avia Layout Builder Debug and copy the page shortcode and add this to your new site.

    Best regards,
    Mike

    Hey Peter,
    I will try, in my example I wanted to use a menu created in WordPress, so first create a menu and save the menu name for the function code later:
    Enfold Support 6307
    For the logo we will add the image via css so you will need to add the custom classes button logo
    Enfold Support 6313
    For the CTA we add the classes button cta:
    Enfold Support 6311
    Then on the page you want to use this use the option Hide Header on this page:
    Enfold Support 6315
    and add the shortcode [custom_menu menu=”test menu with logo”] to your page, adjust the menu name to suit.
    Then add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function display_custom_menu($atts) {
        $atts = shortcode_atts(
            array(
                'menu' => '',
            ), 
            $atts, 
            'custom_menu'
        );
        $menu = $atts['menu'];
        if (!empty($menu)) {
            $args = array(
                'menu' => $menu,
                'container' => false, 
                'menu_class' => 'av-main-nav scmenu',
                'echo' => false
            );
            $menu_html = wp_nav_menu($args);
            $output = '<header id="header" style="position: absolute; top: 0;">';
            $output .= '<nav class="main_menu" style="display: flex; align-items: center; justify-content: center; width: 100%;">';
            $output .= $menu_html;
            $output .= '</nav>';
            $output .= '</header>';
            return $output;
        } else {
            return '<p>No menu specified or menu not found.</p>';
        }
    }
    add_shortcode('custom_menu', 'display_custom_menu');
    

    and this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top #wrap_all .main_menu ul.scmenu {
    list-style: none;	
    }
    #top #wrap_all .main_menu .scmenu .menu-item a {
    	color: var(--enfold-header_replacement_menu_color);
    }
    #top #wrap_all .main_menu .scmenu {
    background-color: rgba(0, 0, 0, 0.2);
    }
    body:not(.wp-admin) li.button.logo {
    background-image: url(/wp-content/uploads/2024/07/logo_fysiotherapie_groningen.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 200px;
    margin-left: 0;
    }
    body:not(.wp-admin) li.button.logo a {
    opacity: 0;
    }
    #top #wrap_all .main_menu .scmenu .button.menu-item.cta {
    	background-color: orange;
    }

    and adjust the image URL to suit
    The expected results should be like this when a color section with a image is used:
    Enfold Support 6317

    Best regards,
    Mike

    in reply to: woocommerce login redirect to another page #1461996

    Hey Munford,
    You will need to use a function, I have not done this before but I found this code to add to the end of your child theme functions.php file in Appearance ▸ Editor:

    function custom_redirect_after_login( $redirect, $user ) {
        // Check if the user is logging in from the WooCommerce login form
        $requested_redirect_to = isset( $_REQUEST['redirect_to'] ) ? $_REQUEST['redirect_to'] : '';
    
        if ( empty( $requested_redirect_to ) && ( is_account_page() || is_page( 'your-login-page-slug' ) ) ) {
            // URL of your custom My Account page
            $custom_account_page_url = site_url( '/custom-my-account/' );
            $redirect = $custom_account_page_url;
        }
    
        return $redirect;
    }
    add_filter( 'woocommerce_login_redirect', 'custom_redirect_after_login', 10, 2 );
    

    then Replace ‘your-login-page-slug’ with the slug of your WooCommerce login page.
    Replace ‘/custom-my-account/’ with the slug of your new custom My Account page.

    Best regards,
    Mike

    in reply to: Ajax Portfolio Grid equal height #1461995

    Hi,
    Please change #av-sc-portfolio-1 to .av-portfolio-grid-sorting-container in the code:
    Enfold Support 6305
    like this:

    function custom_script() { ?>
      <script>
    window.addEventListener('DOMContentLoaded', function() {
      (function($){
        $('.av-portfolio-grid-sorting-container .grid-sort-container').each(function(){
         var $gridContent = $('.grid-content',this);
         var gridContentmaxHeight = Math.max.apply(Math, $gridContent.map(function(){
             return $(this).height();
         }).get());
         $gridContent.height(gridContentmaxHeight);
      });
      })(jQuery);
      });
      </script>
      <?php
    }
    add_action( 'wp_footer', 'custom_script', 99 );

    Best regards,
    Mike

    Hi,
    On the demo page that you linked to, The sidebar menu is automatically created by the Page Sidebar Navigation option.
    Enfold Support 6295
    I believe the issue with the sidebar showing lower on the page when you add a tab section element is that it is a full width element and this moves the sidebar, there are a few elements like the color section and full width slider that is known to do this.
    Nonetheless you can add the Page Sidebar Navigation with a shortcode, first add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    //shortcode [avia_sidebar_menu]
    function display_avia_sidebar_menu() {
        ob_start();
        global $avia_config;
        if (function_exists('avia_sidebar_menu')) {
            $av_sidebar_menu = avia_sidebar_menu(false);
            if ($av_sidebar_menu) {
                echo $av_sidebar_menu;
            }
        }
        return ob_get_clean();
    }
    add_shortcode('avia_sidebar_menu', 'display_avia_sidebar_menu');

    then add this shortcode [avia_sidebar_menu]
    Enfold Support 6297
    and note that the theme option Page Sidebar Navigation must be enabled:
    Enfold Support 6295
    then it will show, note that the style is the same because it is in the sidebar:
    Enfold Support 6299
    but if you add the shortcode to your page it will have a different style, so add this css:

    #top #main .widget_nav_menu .nested_nav>li:first-child,
    #top #main .widget_nav_menu li {
    border: none;
    }
    #top #main .main_color .widget_nav_menu .current_page_item>a {
    color: var(--enfold-main-color-heading); 	
    }
    #top #main .main_color .widget_nav_menu a {
    color: var(--enfold-main-color-meta);	
    }
    #top #main .main_color .widget_nav_menu ul:first-child>.current_page_item {
    background: var(--enfold-main-color-bg2);	
    }
    #top #main .widget_nav_menu li a{
    border: none;
    padding: 6px 7px 7px 0;
    }
    #top #main .widget_nav_menu ul:first-child > .current_page_item {
        left: 0;
    }

    Enfold Support 6301
    so with the sidebar disabled it will look the same:
    Enfold Support 6303

    Best regards,
    Mike

    in reply to: Ajax Portfolio Grid equal height #1461988

    Hi,
    Thank you for the link to your site, please ensure that you are using the same image size and layout for all images, either portrait or landscape, this should correct the images.
    For the grid titles, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function custom_script() { ?>
      <script>
    window.addEventListener('DOMContentLoaded', function() {
      (function($){
        $('#av-sc-portfolio-1 .grid-sort-container').each(function(){
         var $gridContent = $('.grid-content',this);
         var gridContentmaxHeight = Math.max.apply(Math, $gridContent.map(function(){
             return $(this).height();
         }).get());
         $gridContent.height(gridContentmaxHeight);
      });
      })(jQuery);
      });
      </script>
      <?php
    }
    add_action( 'wp_footer', 'custom_script', 99 );

    and this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .grid-content {
       align-items: center;
       display: flex;
       justify-content: center;
    }
    h3.grid-entry-title a {
    	text-align: center;
       float: right;
    }

    Best regards,
    Mike

Viewing 30 posts - 841 through 870 (of 33,332 total)