Viewing 30 results - 6,511 through 6,540 (of 142,918 total)
  • Author
    Search Results
  • patrick_gilles
    Participant

    Hello

    Is it possible to center the header main in boxed site width like the other content?
    And also center without the background full width the submenu in content width?

    look at topmenu here
    developement page

    Is it possible to remove the space between slides in content slider?
    content slider

    look at content slider middle of startpage here
    developement page

    thanks for your time
    greetings P. Gilles

    #1431602

    Hey William,
    To show dual sidebars you can try this customization, first set your sidebar on your post to a “right sidebar” then in your child theme add this custom “sidebar.php”

    <?php
    if ( ! defined( 'ABSPATH' ) )	{ die(); }
    
    // Display both left and right sidebars
    echo "<aside class='sidebar sidebar_left' " . avia_markup_helper( array( 'context' => 'sidebar', 'echo' => false ) ) . '>';
    echo '<div class="inner_sidebar extralight-border">';
    
    // Display the subnavigation for pages
    $av_sidebar_menu = avia_sidebar_menu( false );
    if( $av_sidebar_menu )
    {
        echo $av_sidebar_menu;
    }
    
    $the_id = @get_the_ID();
    
    $custom_sidebar = '';
    if( ! empty( $the_id ) && is_singular() )
    {
        $custom_sidebar = get_post_meta( $the_id, 'sidebar', true );
    }
    
    /**
     * @param string $custom_sidebar
     * @return string
     */
    $custom_sidebar = apply_filters( 'avf_custom_sidebar', $custom_sidebar );
    
    if( $custom_sidebar )
    {
        dynamic_sidebar( $custom_sidebar );
    }
    else
    {
        if( empty( $avia_config['currently_viewing'] ) )
        {
            $avia_config['currently_viewing'] = 'page';
        }
    
        // general shop sidebars
        if( $avia_config['currently_viewing'] == 'shop' && dynamic_sidebar( 'Shop Overview Page' ) )
        {
            // Do nothing here
        }
    
        // single shop sidebars
        if( $avia_config['currently_viewing'] == 'shop_single' )
        {
            // Do nothing here
        }
    
        if( $avia_config['currently_viewing'] == 'shop_single' && dynamic_sidebar( 'Single Product Pages' ) )
        {
            // Do nothing here
        }
    
        // general blog sidebars
        if( $avia_config['currently_viewing'] == 'blog' && dynamic_sidebar('Sidebar Blog') )
        {
            // Do nothing here
        }
    	// custom left sidebar
        if( $avia_config['currently_viewing'] == 'page' && dynamic_sidebar('left-sidebar') )
        {
            // Do nothing here
        }
    
        // general archive sidebars
        if( avia_get_option( 'archive_sidebar' ) == 'archive_sidebar_separate' )
        {
            if( $avia_config['currently_viewing'] == 'archive' && dynamic_sidebar( 'Sidebar Archives' ) )
            {
                // Do nothing here
            }
        }
    
        // general pages sidebars
        if( $avia_config['currently_viewing'] == 'page' && dynamic_sidebar( 'Sidebar Pages' ) )
        {
            // Do nothing here
        }
    
        // forum pages sidebars
        if( $avia_config['currently_viewing'] == 'forum' && dynamic_sidebar( 'Forum' ) )
        {
            // Do nothing here
        }
    
        // global sidebar
        if( dynamic_sidebar( 'Displayed Everywhere' ) )
        {
            // Do nothing here
        }
    
        /**
         * Filter to show default dummy sidebar
         *
         * @param false|string $default_sidebar
         * @return false|string
         */
        if( apply_filters( 'avf_show_default_sidebars', $default_sidebar ) )
        {
             if( apply_filters( 'avf_show_default_sidebar_pages', true ) )
             {
                 avia_dummy_widget(2);
             }
    
             if( apply_filters( 'avf_show_default_sidebar_categories', true ) )
             {
                 avia_dummy_widget(3);
             }
    
             if( apply_filters( 'avf_show_default_sidebar_archiv', true ) )
             {
                 avia_dummy_widget(4);
             }
    
            //	customize default sidebar and add your sidebars
            do_action ( 'ava_add_custom_default_sidebars' );
        }
    }
    
    echo '</div>';
    echo '</aside>';
    
    // Right sidebar
    echo "<aside class='sidebar sidebar_right' " . avia_markup_helper( array( 'context' => 'sidebar', 'echo' => false ) ) . '>';
    echo '<div class="inner_sidebar extralight-border">';
    
    // Display the subnavigation for pages
    $av_sidebar_menu = avia_sidebar_menu( false );
    if( $av_sidebar_menu )
    {
        echo $av_sidebar_menu;
    }
    
    $the_id = @get_the_ID();
    
    $custom_sidebar = '';
    if( ! empty( $the_id ) && is_singular() )
    {
        $custom_sidebar = get_post_meta( $the_id, 'sidebar', true );
    }
    
    /**
     * @param string $custom_sidebar
     * @return string
     */
    $custom_sidebar = apply_filters( 'avf_custom_sidebar', $custom_sidebar );
    
    if( $custom_sidebar )
    {
        dynamic_sidebar( $custom_sidebar );
    }
    else
    {
        if( empty( $avia_config['currently_viewing'] ) )
        {
            $avia_config['currently_viewing'] = 'page';
        }
    
        // general shop sidebars
        if( $avia_config['currently_viewing'] == 'shop' && dynamic_sidebar( 'Shop Overview Page' ) )
        {
            // Do nothing here
        }
    
        // single shop sidebars
        if( $avia_config['currently_viewing'] == 'shop_single' )
        {
            // Do nothing here
        }
    
        if( $avia_config['currently_viewing'] == 'shop_single' && dynamic_sidebar( 'Single Product Pages' ) )
        {
            // Do nothing here
        }
    
        // general blog sidebars
        if( $avia_config['currently_viewing'] == 'blog' && dynamic_sidebar('Sidebar Blog') )
        {
            // Do nothing here
        }
    	// custom right sidebar
        if( $avia_config['currently_viewing'] == 'page' && dynamic_sidebar('right-sidebar') )
        {
            // Do nothing here
        }
    
        // general archive sidebars
        if( avia_get_option( 'archive_sidebar' ) == 'archive_sidebar_separate' )
        {
            if( $avia_config['currently_viewing'] == 'archive' && dynamic_sidebar( 'Sidebar Archives' ) )
            {
                // Do nothing here
            }
        }
    
        // general pages sidebars
        if( $avia_config['currently_viewing'] == 'page' && dynamic_sidebar( 'Sidebar Pages' ) )
        {
            // Do nothing here
        }
    
        // forum pages sidebars
        if( $avia_config['currently_viewing'] == 'forum' && dynamic_sidebar( 'Forum' ) )
        {
            // Do nothing here
        }
    
        // global sidebar
        if( dynamic_sidebar( 'Displayed Everywhere' ) )
        {
            // Do nothing here
        }
    
        /**
         * Filter to show default dummy sidebar
         *
         * @param false|string $default_sidebar
         * @return false|string
         */
        if( apply_filters( 'avf_show_default_sidebars', $default_sidebar ) )
        {
             if( apply_filters( 'avf_show_default_sidebar_pages', true ) )
             {
                 avia_dummy_widget(2);
             }
    
             if( apply_filters( 'avf_show_default_sidebar_categories', true ) )
             {
                 avia_dummy_widget(3);
             }
    
             if( apply_filters( 'avf_show_default_sidebar_archiv', true ) )
             {
                 avia_dummy_widget(4);
             }
    
            //	customize default sidebar and add your sidebars
            do_action ( 'ava_add_custom_default_sidebars' );
        }
    }
    
    echo '</div>';
    echo '</aside>';
    ?>
    

    then in your child theme functions.php add this function:

    function custom_theme_widgets_init() {
        register_sidebar( array(
            'name'          => esc_html__( 'Left Sidebar', 'text-domain' ),
            'id'            => 'left-sidebar',
            'description'   => esc_html__( 'Add widgets here to appear in the left sidebar.', 'text-domain' ),
            'before_widget' => '<div id="%1$s" class="widget %2$s">',
            'after_widget'  => '</div>',
            'before_title'  => '<h4 class="widget-title">',
            'after_title'   => '</h4>',
        ) );
        register_sidebar( array(
            'name'          => esc_html__( 'Right Sidebar', 'text-domain' ),
            'id'            => 'right-sidebar',
            'description'   => esc_html__( 'Add widgets here to appear in the right sidebar.', 'text-domain' ),
            'before_widget' => '<div id="%1$s" class="widget %2$s">',
            'after_widget'  => '</div>',
            'before_title'  => '<h4 class="widget-title">',
            'after_title'   => '</h4>',
        ) );
    }
    add_action( 'widgets_init', 'custom_theme_widgets_init' );
    function custom_left_sidebar() { ?>
      <script>
    (function($) {
         $('.single-post .sidebar_left').detach().insertBefore('.single-post .content.av-main-single');
    })(jQuery);
    </script>
      <?php
    }
    add_action( 'wp_footer', 'custom_left_sidebar', 99 );

    then add this custom CSS:

    .responsive .single-post .container {
        max-width: 98%;
    }
    #top.single-post #main .sidebar {
        display: inline-block;
        width: 20%;
        border: none;
    }
    #top.single-post .content.units.alpha.av-main-single {
    	width: 58%;
    	clear: none;
    	border:none;
    }
    #top.single-post #main .sidebar.sidebar_left {
    	float: left;
    }

    Now you will have two new sidebars:
    Enfold_Support_4527.jpeg
    the other widget areas will also still work for the default sidebar position if you wish.
    You will now have dual sidebars:
    Enfold_Support_4529.jpeg
    Please note that for there to be room for the second sidebar we used the css to change the width of the page and the main content and the sidebars, you can tinker with the css above to suit your needs.

    Best regards,
    Mike

    #1431592

    Well this is odd. There is so much Custom CSS on my site (fixing various issues) that I have logo stuff in both the functions.php AND iin the custom CSS field. Changing the functions.php to <p></p> tags fixed the header issue . . . thank you for that. Now I am trying to get the font black (and to stay black vs having a hover color) AND for it to the first and second lines (Line 1: Jonathan F. Anderson, LPC-S Line 2: Gate Healing, PLLC) to look right next to the compass logo in terms of size and line spacing . . . it basically did this before, but the h2 tag had to go and that screwed it up.

    Thanks a bunch for any guidance here.
    jon

    PS I tried adding color: black; to the custom CSS subtext styling code to no avail. I also tried going into functions.php and changing the Logo subtext section to:
    /* Logo Subtext regular text */
    add_filter(‘avf_logo_subtext’, ‘kriesi_logo_addition’);

    function kriesi_logo_addition($sub) {
    $sub .= ‘<p style=”color: black;”><b>Jonathan F. Anderson, LPC-s</b></p>’;
    $sub .= ‘<p style=”color: black;”><b>Gate Healing, PLLC</b></p>’;
    return $sub;
    }

    Also to no avail. I’m going to stop trying now before I break something.

    • This reply was modified 2 years, 2 months ago by gatehealing.
    #1431591

    Hi,
    Thank you for your patience, I believe you are referring to this text:
    Enfold_Support_4513.jpeg
    this is in the manually excerpt for the portfolio post, if you are using the Block Editor look in the sidebar:
    Enfold_Support_4515.jpeg
    if you don’t see the option you may need to enable it in the three dots and then preferences:
    Enfold_Support_4517.jpeg
    the panels and excerpt:
    Enfold_Support_4519.jpeg
    if you are using the Classic Editor look below the post:
    Enfold_Support_4521.jpeg
    if you don’t see the option you may need to enable it in the screen options at the top of the page:
    Enfold_Support_4523.jpeg

    Best regards,
    Mike

    #1431590

    Please attach the links to this thread in the Private Content area or in the message area
    but what about private content or discussion, there is no way to attach anything here!

    It looks like you may have started this thread via the contact form instead of the support forum
    The discussion was started here: https://kriesi.at/support/topic/color-sectiom-on-tablets-problem-2/ but was closed by Ismael

    Honestly, I’m starting to get nervous. After paying $40 to renew support, no one has taken my issue seriously for two days. Upload here, attach from here…read my first post carefully (links included) and you’ll see that everything is very clear.

    #1431564

    In reply to: ENFOLD Theme Fonts

    Hey Francesco,
    Thanks when I check your main menu links they are using your custom font:
    Enfold_Support_4494.jpeg
    I note that you have used the Advanced Styling Main Menu Option 4 times and some set the font as Supera Gothic Light and others are Supera Gothic Book, so perhaps this is the issue that you are referring to.
    Enfold_Support_4498.jpeg
    The setting at the bottom will be the one to take preference, not the ones at the top in your screenshot, try removing the unnecessary duplicates and use one setting, you can click the red X to remove the extra ones.
    Enfold_Support_4500.jpeg

    Best regards,
    Mike

    #1431559

    You can close this topic. Thank you.

    #1431539

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1431534

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1431531

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1431512

    Hi,
    In the LayerSlider options try choosing “autopaly after opening” and the “Play Muted” enabled:
    Enfold_Support_4293.jpeg
    In this thread this worked on Android but it may not work on iPhone, iPhones are the strictest and may block completely.
    In the future this may not work at all, so your best option may be to use a image on mobile or a gif.

    Best regards,
    Mike

    #1431506

    Hi,
    Thanks for the login, I added the function in your child theme functions.php and it seems to solve the issue.
    Please ensure that you clear your device cache a couple of times, please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

    function slow_scroll_to_anchor() { ?>
      <script>
    (function($) {
      $('a[href*="#"]:not([href="#"])').click(function() {
        var width = $(window).width()
        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
    && location.hostname == this.hostname) {
    
          var target = $(this.hash);
          target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
          if (target.length) {
            if ($(window).width() < 768) {
              $('html,body').animate({
                scrollTop: target.offset().top - 150
              }, 1000);
              return false;
            } else {
              $('html,body').animate({
                scrollTop: target.offset().top - 250
              }, 1000);
              return false;
            }
          } 
        }
      });
    
      // Executed on page load with URL containing an anchor tag.
      var hash = location.href.split("#")[1];
      if (hash) {
        var target = $('#' + hash);
        if (target.length) {
          if ($(window).width() < 768) {
            $('html,body').animate({
              scrollTop: target.offset().top - 150
            }, 1000);
          } else {
            $('html,body').animate({
              scrollTop: target.offset().top - 250
            }, 1000);
          }
        }
      }
    }(jQuery));
    </script>
      <?php
    }
    add_action( 'wp_footer', 'slow_scroll_to_anchor', 99 );

    Best regards,
    Mike

    #1431505
    billbasler
    Participant

    I am sorry for the new post here as I know the questions and answer around the Blog Post template are extensive.

    I am trying to appease a client who would like to have the ability to post ads on the actual post pages. So, essentially, I need modifications to the post template.

    Under Theme Options > Blog Layout, I have chosen, “Use the advance layout editor to build your own blog.” In Quick CSS, I have the following:

    /* CSS – Remove sidebar on blog category */
    #top.archive.category .sidebar {
    display: none!important;
    border: none!important;
    }

    #top.archive.category .content{
    width: 100%;
    border: none !important;
    }

    /* CSS – increase heading size on featured blog post on home page. */
    #top.home #wrap_all .main_color .post-entry.tag-featured-post h2.post-title {
    font-size:30px;
    }
    #top.home #wrap_all .post-entry.bloglist-simple .blog-categories a {
    font-size:12px;
    }

    /* CSS – hide categories on home page blog element in list view – simple */
    span.blog-categories.minor-meta {
    display: none !important;
    }

    span.blog-categories.minor-meta + span.text-sep {
    display: none;
    }

    I am wanting to keep the functionality of having a Blog Post page template. In other words, I want to keep blog post navigation, single post styles and blog archive functionality.

    Is there any way to introduce a left and right column to the blog post template without breaking the blog functionality? In my case, we could have the right column stay “as-is” for widgets, currently Categories, Archives and Receivve Posts by Email. Per my client’s request the left column could be reserved for ads.

    I should mention that “ads” as it relates to this client, are hand fabricated images, (jpg or png) that he is managing manually. The “graphic” ads, simply link out to the advertiser’s sites.

    See an example of the ads on the current home page here: https://www.woodyboater.com

    See a sample of a current blog post here: https://www.woodyboater.com/classic-boat-art/art-gets-paul-harvey-to-tell-the-rest-of-the-story/

    Thank you.

    Bill Basler

    #1431503

    I replaced with LayerSlider7 and the video goes gray and doesn’t start automatically. Can you tell me what selections need to be selected to make the video autoplay in mobile-view?

    #1431498
    Qgrafica_7
    Participant

    Hi,
    i can’t use all the settings while editing a page because the right column is hidden behind the top layout editor.
    I’m adding in the private section the details.
    Also, inside a full width easy slider images, i have some text which is supposed to be centered, but when i view from phone it’s on the bottom instead.

    Thank you

    • This topic was modified 2 years, 2 months ago by Qgrafica_7.
    #1431467
    #1431466

    Hey djcopywriter,

    Thank you for the inquiry.

    It used to work before but has now stopped working on all websites.

    This has been the default behavior of the background or slider videos ever since. Only the fallback image option will display on mobile view. If you need to display the background video, please try to replace the element with a Layer Slider.

    Best regards,
    Ismael

    #1431458

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    #1431453

    In reply to: H1 letter space

    Hey Anouk,

    Please try the following in Quick CSS under Enfold->General Styling:

    #top #wrap_all .all_colors h1 {
        letter-spacing: 4px;
    }

    Best regards,
    Rikard

    Hey NicomIT,

    Thank you for the inquiry.

    You can automatically enable the Advanced Layout Builder after creating a post, but applying a saved template will require more customization beyond the scope of support. Please add this code to the functions.php file.

    function trigger_alb_on_load(){
    	?>
    	<script>
    	(function($){
    		$(window).load(function() {
    			$("#avia-builder-button").trigger('click');
    		});
    	})(jQuery);
    	</script>
    	<?php
    	}
        add_action('admin_head-post-new.php', 'trigger_alb_on_load');
    

    Thread: https://kriesi.at/support/topic/bulk-enable-advanced-layout-builder-on-pages/#post-1102304

    Best regards,
    Ismael

    Hi,

    We replied here: https://kriesi.at/support/topic/custom-enfold-theme-worked-for-7-years-issue-after-woocommerce-and-wp-update/#post-1431443

    Best regards,
    Ismael

    #1431438

    Hi,

    Great! Glad to know that the issue has been resolved. If you’re looking for an alternative to the default compression option, you can try the Autoptimize plugin. Let us know if you have more questions.

    Have a nice day.

    Best regards,
    Ismael

    #1431435
    lion73
    Participant

    Hi Yigit,

    I think it’s time to solve this problem that affects the display of the Enfold color section on tablets.

    If you go to MY SITE* and open any product, for example the first one here: LINK* inside the page there are two color sections that flow as a background.

    On desktop and phones bg images is displayed correctly.

    On tablets the background image is zoomed and not resized correctly, both in portrait and landscape mode.

    The problem, is not clear why, it only appears on physical devices, on software simulators it seems to not exist, but I have personally tested the problem on more than one tablet and the problem exists.

    Other thing:

    On iphone the social icons block is not displayed correctly in portrait mode, icons are not resized correctly and not centered. Try to check on mobile (iphone) here: LINK2*

    I think the problem in both cases is some error in the CSS

    Thanks in advance

    Lion

    #1431432
    djcopywriter
    Participant

    Is there CSS code to allow an MP4 or YouTube VIDEO to show on a mobile phone and NOT AN IMAGE in Full-Width Easy Slider? It used to work before but has now stopped working on all websites.

    I tried to add just a video and hide it on all sizes but the smallest, but in the non-mobile view, there’s a huge white gap wherever the video is hidden on anything but the mobile view. It looks horrible.

    Please help. Thanks.

    #1431431
    iveyeng
    Participant

    Hello,

    I’ve converted all images into both jpg and webp formats. Most of the images on my site are being served as webp. However, I’ve notice that the full width blog images at the top of articles are not displayed as webp. I use a plugin to optimize and convert all the images and can see the formats available. Do you know why the top full width images (see below for the image link as an example) are not converting over within Enfold? Thank you,

    Lisa

    #1431429

    Hey,

    No problem! Now you can apply @guenni007’s solution ( https://kriesi.at/support/topic/socket-copyright-date-not-updating/#post-1430198 ) if you don’t want to update the year manually.

    Best regards,
    Yigit

    #1431427
    BrendaSarg
    Participant

    For the life of me I cannot figure out how to do this.

    I have a 3 column grid, no space between. Each column has an image background, header text at the top in a row and then a green box (2nd row within each column) with text and button at the bottom.

    I can’t get it to align the second row at the bottom and have it consistent so if the header text runs longer, the bottom 3 green boxes will stay the same size and aligned to the bottom.

    Can you help?

    #1431423

    Hi Ismael,

    I’ve done that and waited 48 hours of the same problem.

    I’m wondering if we have crossed wires here. I’m referring to the search results generated by Enfold.

    To re-create the problem please enter the word ‘fox’ into the search box here ttw.org.uk and look at the top result ‘Fox’s field’ and you will see ‘Aenean massa. Cum sociis natoque’ in the sub text.

    I’m going to ask what may seem like another silly question… Is the theme search managed by Google? Or did you think my original question referred to Google search?

    Always learning… Thank you for your help in advance

    Sincerely

    Phillip

    #1431414
    lion73
    Participant

    Hi Yigit,

    I think it’s time to solve this problem that affects the display of the Enfold color section on tablets.

    If you go to MY SITE* and open any product, for example the first one here:

    LINK* inside the page there are two color sections that flow as a background.

    On desktop and phones bg images is displayed correctly.

    On tablets the background image is zoomed and not resized correctly, both in portrait and landscape mode!

    The problem, is not clear why, it only appears on physical devices, on software simulators it seems to not exist, but I have personally tested the problem on more than one tablet and the problem exists.

    Other thing:

    On Phone the social icons block is not displayed correctly in portrait mode

    Try to check on mobile (phone) here: LINK2*

    I think the problem in both cases is some error in the CSS

    Thanks in advance

    Lion

    • This topic was modified 2 years, 2 months ago by lion73.
    • This topic was modified 2 years, 2 months ago by lion73.
    #1431411

    Hey Yossi,
    Thank you for your patience, I have tried reviewing your videos and pages on desktop and mobile and as I understand, on mobile the last menu item 1F from the homepage, or other pages falls short, and from what I can see the same issue is occuring with the last item on other pages. This seems to only be with the last items and only from other pages.
    Is this correct?
    I believe this is because when you are on the correct page all of the images and elements are loaded so clicking the last menu item lands correctly,
    but from other pages going to the last menu item of a different page, the images are lazy loading changing the height of the page after load causing the issue.
    Are you using a lazy load plugin or a caching pluging with lazy loading?
    It looks like the images also are using the theme animation when they are in view, which will be different for mobile that desktop.

    If you are using lazy loading please try to disable this to see if it helps, so we can determine if this is indeed the issue.
    I think we can use some javascript to force the page to fully load and then scroll to the sections, but it will help if we had admin access to test.
    Is this site live? Would you prefer us to test on a staging site?
    If so please include an admin login in the Private Content area with a link to the staging site so we can test, or we can test on this site if you wish.

    Best regards,
    Mike

Viewing 30 results - 6,511 through 6,540 (of 142,918 total)