Viewing 30 results - 3,961 through 3,990 (of 243,748 total)
  • Author
    Search Results
  • #1473449

    well – put your code block just inside a color-section – that color section set custom class to: special-vids
    inside you got your html structure like:

    <section id="scrubs" class="vid">
    	<div class="holder">
    		<video src="/wp-content/uploads/Time-Lapse.mp4" autoplay muted loop playsinline></video>
    	</div>
    
    	<div class="story">
    		<div>
    			<h3>In the heart of Wildrise…</h3>
    		</div>
    		<div>
    			<h3>…where the breezes play.</h3>
    		</div>
    		<div>
    			<h3>We embrace the call of the wild each day.</h3>
    		</div>
    		<div>
    			<h3>Untamed places stretch,</h3>
    		</div>
    		<div>
    			<h3>vast and wide.</h3>
    		</div>
    		<div>
    			<h3>Whispering secrets of a world outside.</h3>
    		</div>
    	</div>
    </section>

    put this to your child-theme functions.php:

    function scrub_preparation_of_color_section() { 
    ?>
    <script>
    window.addEventListener("DOMContentLoaded", function () { 
    	(function($){
    		$('.avia-section.special-vids ').each(function() {
    			var vids = $(this).find('.vid').detach().html();
    			$(vids).prependTo($(this));
    			$(this).addClass('vid').find('.container').remove();
    		});
    	})(jQuery);
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'scrub_preparation_of_color_section');

    see: https://webers-testseite.de/scrubbing-videos/

    my css on that page is:

    .responsive body#top {
        overflow-x: visible;
    }
    
    #wrap_all {
        overflow: visible;
    }
    
    .avia-section.vid {
      height: 600vh;
      position: relative;
    }
    
    .avia-section.vid div.holder {
      position: sticky;
      top: var(--enfold-header-height);
    }
    
    .avia-section.vid video {
      width: 100%;
      height: 100vh;
      object-fit: cover !important;
    }
    
    .avia-section.vid div.story {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
    }
    
    .avia-section.vid div.story div {
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }

    but i do not want to style it till the end. have a look how that is made in that video. – and how to handle the other .avia-section
    Edit: you had to adopt now the scrubbing script to its selectors. And perhaps a debounce and resize will be needed.

    you can use the embedded debounce function of enfold:

    function ava_add_custom_script(){
    ?>
    <script>
    (function($){
      function b() {
          // here comes the script …
      }
    
      $(window).on('debouncedresize', function() {
        b();
      });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'ava_add_custom_script');

    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

    #1473444

    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

    #1473437

    Hello
    Since the Enfold update 6.0.8 the left menu appears in English, it should be in German. There seems to be something wrong with the language in the 6.0.8 update. I manage numerous Enfold websites.
    Please check this.
    Many thanks, Simon

    #1473434

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

    #1473432
    Todd Aumann
    Guest

    As a continuation of support #1473407, if I need assistance creating a CSS class to use flex elements with Enfold, would the support included with the purchase cover a request like this?

    #1473423

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

    #1473406

    Hey bonsaimedia,

    Thank you for the inquiry.

    Have you tried using the Dynamic Content feature from the builder elements? Please check the documentation below for more info: https://kriesi.at/documentation/enfold/custom-layout-and-dynamic-content/#dynamic-content

    Best regards,
    Ismael

    #1473397

    In reply to: add custom icon

    This reply has been marked as private.
    #1473385
    Todd Aumann
    Guest

    I would like to reply to pre-sales inquiry #1473373, but I don’t see a way to do that. I understand I can create CSS classes to define flex elements (I have written these – with much trial & error – to get the desired layout in my current theme), however my questions is specific to what controls are inherent within the Enfold builder section. For example, within a 4 column builder section, I want to stretch the column elements such that an item can be defined to be a the bottom, and the height of all of the columns will stretch such that the bottom items are aligned horizontally.

    Does the Enfold them include builder templates or controls within the page builder to help me define flex behaviors, or must all flex behavior be defined using custom CSS?

    #1473381

    hmm .. i am looking for a add_action snippet like this one:

    add_action( 'ava_after_content', 'enfold_customization_category_widget_area' );
    function enfold_customization_category_widget_area() {
    	if (is_page(3416)) {
    	  dynamic_sidebar( 'Maps' );
    	}
    }
    #1473380

    Hi @Ismael,

    it’s strange. The code doesn’t work. Even when I insert it without the page ID. Also with !important;
    More strange is that the post-date still remains even when I set it off in the Enfold setting “Blog Layout”. It all off. But the date does not disappear.

    I put a developer login to my page as private content.

    #1473378

    Hi,

    Thanks for letting us know. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

    #1473377

    In reply to: Flex CSS support

    Hey Todd,

    Flex is a CSS method which can be used to create layouts, but that can be achieved using the Enfold layout builder as well. In most cases, you won’t need to use custom CSS while using Enfold.

    Best regards,
    Rikard

    #1473373
    Todd Aumann
    Guest

    I want switch from my current theme to Enfold. My current theme is pre-Gutenberg, and I use the classic editor with the theme’s “builder” template. My current theme does not have any built-in features to leverage flex builder elements. I do not have a lot of CSS experience, but I was able to write code to allow me to use flex functionality to get builder sections with multiple columns to align in my preferred style (nothing overly complicated for an experienced coder, I’m sure).

    Does Enfold offer built-in support to create flex elements? If not, would post-sales support be able to provide assistance if I am unable to get the desired flex layout that I want?

    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

    #1473364

    In reply to: add custom icon

    i guess you have that warning on uploading your icons to fontello about compound path.
    you can edit your vector based icon f.e. in illustrator – open your svg and look at Object Menu – Compound Path – create
    i hope that this will be the names – because i’m working on german versions : Objekt – zusammengesetzter Pfad – erstellen.

    Working with Pathfinder is not enough. You had to go that way.

    ________

    Mikes Way is to substitute an existing entypo-fontello icon by an image. Big advantage – you can use the icon font to insert even colored svg icons.
    see here: https://enfold.webers-webdesign.de/colorized-font-icons/

    #1473359

    Hi, thank you for the response. I have updated again to the latest version of Enfold and reinstalled the latest WordPress. I have deactivated all plugins but I still get the ‘Updating failed. The response is not a valid JSON response’ error. error when saving a page and all pages go to a 404 error exept for the home page.
    Please feel free to login with the credentials I sent privately.

    #1473342

    In reply to: Sidebar size

    Hey Nick_Skehan,

    Thank you for the inquiry.

    You can adjust the Content | Sidebar Ratio settings in the Enfold > General Layout > Dimensions tab to decrease the sidebar’s width. Let us know of the result.

    Best regards,
    Ismael

    #1473335
    lyndondarkes
    Participant

    Hi, I have had a few issues this morning with my website https://www.444retreat.co.uk/. It started with contact forms returning an error of:

    Invalid form for reCAPTCHA sent.
    Form could not be submitted. Please reload page and try again.
    Name for token field was missing.

    So I did some digging and thought it might be because I hadn’t got an active Privacy statement which sounded odd but I saw it in a thread. I installed Complianz | GDPR/CCPA Cookie Consent and added a Cookie policy and link to the Privacy policy page. Google ReCAPTCHA continued to return an error so I disabled all plugins including wp-rocket which I thought might be causing an issue. At this point I started getting 404 errors on all pages except the home page. I went in to a random page to make a minor alteration and save it in the hope it would refresh the page but I then received the ‘Updating failed. The response is not a valid JSON response’ error.

    I have reinstalled a fresh copy of Enfold and even installed a previous version but I still get the error and all pages except the home page see a 404 error.

    Please help, I have spent all morning trying to fix this after trawling through this forum and I only seem to be making things worse.

    Lyndon

    #1473333

    In reply to: add custom icon

    This reply has been marked as private.
    #1473329

    Hello Ismael – yes I added that code, as per the code I posted to you, you can see it in the first line. What I am trying to do is create a video scrubber scrolling effect. This requires the container to be at that height, so the scroll is tied to the video position (see rest of code). Then to remove the height so it works similarly to parallax then we use section.vid div.holder {position:sticky!important; top:0!important;}. Making the screen stick to enable the scrolling video. However the problem is that Enfold automatically generates container tags around a code block. Therefore these div containers are also being set at that height of the section.vid box. My original question was how do we insert code without the container tags being generated, which would be the cleanest method. If that is not possible, then is there another solution to make the container tags also the same size? Any ideas appreciated. Thanks, Philip.

    #1473324

    In reply to: MEGA MENU COLUMNS

    Well enfold provided the option to only show submenu items on hover or on click.

    If you choose click we can edit that to only show one toggle open.
    then put this to your child-theme functions.php:

    function only_one_submenu_open_on_burger(){
    ?>
    <script>
    window.addEventListener("DOMContentLoaded", function () { 
      (function($) {
        $('body').on( 'click touch', '.av-active-burger-items > a', function () {
          $(this).parent('li').siblings().removeClass('av-show-submenu');
          $(this).parent('li').siblings().find('ul').slideUp( "fast");
        });
        $('body').on( 'click touch', '.av-active-burger-items .av-width-submenu > a', function () {
          $(this).closest('.sub-menu').siblings().find('li').removeClass('av-show-submenu');
          $(this).closest('.sub-menu').siblings().find('ul').slideUp( "fast");
        });
      })(jQuery);
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'only_one_submenu_open_on_burger');

    after doing that i will have a look to your site to optimize if needed.

    #1473319
    dorisb123
    Participant

    Hi there, I dont understand why some of the links are not working in a the template. I used this one: https://kriesi.at/themes/enfold-parallax/, and I wanted to change the links in the menu, and wanted to change the links on the “Learn more” buttons. Some of them work others won’t and I cannot figure out why. I hope someone can give me good instructions how to make those links.

    #1473316

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

    #1473315

    Hey DONGHOON,HAN,

    If you already own a license, then you don’t need to purchase a new license. You only need to update your current version. Please refer to this: https://kriesi.at/documentation/enfold/theme-update/

    Best regards,
    Rikard

    #1473313

    Hey jelly00,

    Could you try updating the theme to the latest version (6.0.8) to see if that helps please? https://kriesi.at/documentation/enfold/theme-update/.

    Best regards,
    Rikard

    DONGHOON,HAN
    Guest

    To resolve the issue below, would purchasing a new license and updating it fix the problem?

    When I click “Add New Page,” the Avia Layout Builder does not appear. How can I activate it? It works on pages that I’ve already created, but it doesn’t activate when I try to add a new page. I’m using WordPress version 6.7.1, Enfold Theme version 4.6.3.1, and PHP version 7.4.5p1. How can I make the Avia Layout Builder visible on new pages?

    #1473308
    jelly00
    Participant

    When I click “Add New Page,” the Avia Layout Builder does not appear. How can I activate it? It works on pages that I’ve already created, but it doesn’t activate when I try to add a new page. I’m using WordPress version 6.7.1, Enfold Theme version 4.6.3.1, and PHP version 7.4.5p1. How can I make the Avia Layout Builder visible on new pages?

    #1473305

    In reply to: widgets don’t work

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 30 results - 3,961 through 3,990 (of 243,748 total)