Viewing 30 results - 1,021 through 1,050 (of 244,367 total)
  • Author
    Search Results
  • Hi,
    Glad that Ismael could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

    Best regards,
    Mike

    #1490835

    In reply to: Upper Menu size

    Hi,

    Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:

    #menu-item-764 {
      border: 1px solid red;
      border-radius: 2px;
      padding: 3px 1px;
    }
    
    #menu-item-920 {
      background-color: #543da8;
      padding: 3px 1px;
    }
    
    #menu-item-920 {
      color: #fff;
    }

    Best regards,
    Rikard

    #1490832

    Where can we inspect that issue?
    – ok i found your page tabijapon –
    do you have a webp plugin installed? if i place an image element with enfold only and set the animation to “slightly zoom the image” – i do not have these bars.
    Now i try to find out where it comes from…

    #1490820

    In reply to: Enfold Medicine

    #1490819

    Hi Ismael,

    danke für die schnelle Hilfe, falls dies das ausgeblendete Produkt auch bei ähnliche Produkte und in der Enfold Suche ausblenden sollte, dann funktioniert der Code nicht. Habe es gerade mit einem Produkt getestet und es wird bei beidem noch angezeigt.
    Danke

    Hi Ismael,

    Thanks for your quick help. If this is supposed to hide the hidden product from similar products and the Enfold search, then the code isn’t working. I just tested it with a product and it’s still showing up in both places.
    Thanks

    #1490815
    condonp
    Participant

    Hi,
    I am trying tom use Text and CSS to create header with any logos can you help please. I have tried to use the documentation to create a heading. Using this code in functions.php file.
    <?php
    /* LOGO – 21-05-20
    —————————————-*/
    add_filter(‘avf_logo_subtext’, ‘kriesi_logo_addition’);
    function kriesi_logo_addition($sub) {
    $sub .= ‘<div class=”logo-title”>WAYNE ANDERSON<span></span></div>’;
    $sub .= ‘<div class=”logo-subtitle”></div>’;
    return $sub;}
    ?>

    But I have two issues I need the text to be central across header and also when I delete the logo I get the enfold logo coming up as default. I have enclosed a screenshot of what I am trying to achieve with text highlighted.
    https://peter-test1.co.uk/header-example.jpg

    Many thanks.

    #1490812

    Hi,

    Great, I’m glad that Ismael could help you out. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

    Hi,

    I haven’t added the CSS you mentioned, as far as I know.

    I added the CSS to the settings in Enfold, and now the portfolio grid display is working correctly.

    Thanks for your help.

    Best regards.

    #1490800

    Edit: here is the solution with working separators on those color-sections

    the color-section that should react like this:
    give a custom class to it: av-video-section
    give a background-color to it that does not disturb your video switch (not white – something that fits to your video content
    place a codeblock element on top of your color-section ( codeblock to content – not as codesnippet)

    <video class="responsive-background-video" 
            autoplay muted loop playsinline
            data-video-mobile="path/to/mobile.mp4"
            data-video-desktop="path/to/desktop.mp4">
        <source src="" type="video/mp4">
    </video>
    

    this to your quick css:

    .responsive #top #wrap_all .avia-section.av-video-section {
      position: relative;
      overflow: hidden; 
      min-height: initial; /* taken from Enfold section setting  */
    }
    .responsive #top #wrap_all .avia-section.av-video-section .container {
      position: relative;
      z-index: 1;
      max-width: 100% !important;
      width: 100% !important;
      padding: 0 !important;
    }  
    .responsive #top #wrap_all .avia-section.av-video-section .responsive-background-video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover !important;
      z-index: 0;
      min-height: inherit; /* transfer from Enfold section setting  */
    }
    .responsive #top #wrap_all .avia-section.av-video-section .avia-divider-svg {
      z-index:2;
    }
    .responsive #top #wrap_all .avia-section.av-video-section .avia-divider-svg.avia-to-front {
      z-index:100;
    }

    the snippet for child-theme functions.php

    function custom_responsive_background_video_script() {
    ?>
    <script>
    (function($) {
        "use strict";
    
        $(document).ready(function() {
            $('.responsive-background-video').each(function() {
                const video = this;
                const $video = $(video);
                const source = video.querySelector('source');
                const win = $(window);
                
                // Get video paths from data attributes
                const mobileVideo = $video.data('video-mobile');
                const desktopVideo = $video.data('video-desktop');
                
                if (!mobileVideo || !desktopVideo) return;
                
                function updateVideoSource() {
                    const isMobile = win.width() < 768;
                    const newSrc = isMobile ? mobileVideo : desktopVideo;
                    
                    if (source.src.indexOf(newSrc) === -1) {
                        source.src = newSrc;
                        video.load();
                    }
                }
                
                // Initial load
                updateVideoSource();
                
                // Resize handling
                win.on('debouncedresize', updateVideoSource);
            });
        });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'custom_responsive_background_video_script', 999);

    see example page with divider : https://webers-testseite.de/background-video/

    #1490781

    what you can do – ( not with enfold specific tools )!

    do not set the background-image with enfold color-section settings.
    put into the color-section on top a code-block element with this content
    (adjust to your path and videos):

    See Solution on next posts

    #1490780

    Hey Antonio,
    The setting that you are referring to uses css to hide the color section after page load, PHP can not determine the screen size of the device, since it is a server side code language. CSS is a client side code language that loads on the user device, but will not stop the video from being served. Another option would be Javascript, such as in this thread, but it is also a client side code language, while it can stop the load of the video as long as the Javascript runs first, but using a caching plugin like WPRocket may derfure the Javascript and cause it to not work. Most caching plugins force Javascript to run in the footer, but this would need to run in the header before the videos.
    So ultimately you will be losing the render blocking of Javascript to gain the video from not loading, if your video is very large you will save on the page load, but otherwise you will see warnings that the Javascript is causing page render blocking.

    Best regards,
    Mike

    Hi,
    Glad that Guenni007 could help, thank you Guenni007, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

    Best regards,
    Mike

    #1490777

    Hi,
    Glad that Rikard could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

    Best regards,
    Mike

    #1490776

    Using the Add New Theme and selecting the enfold.zip downloaded from envato market worked perfectly. Thank you for the quick response and accurate guidance.

    #1490772
    Blatze
    Participant

    Hallo Zusammen, bei Woocommerce kann man ja einstellen, wo ein Produkt gezeigt werden soll.
    Im Shop und den Suchergebnissen, Nur im Shop, nur Suchergebnisse oder ausgblendet.
    Leider funktioniert das nicht für die Enfold Suche und bei Ähnlichen Produkten wird es auch angezeigt, wenn man es zb auf ausgeblendet setzt. Ich habe es jetzt mit CSS gelöst, aber vielleicht könnte man das ja mit einem Update in Zukunft mal besser lösen?

    Danke und Gruß KiM

    you do not see the image above in https://kriesi.at/support/topic/how-to-remove-the-bar-above-the-main-menu-preferebly-without-any-css-code/#post-1490697
    click on it to enlarge the image.

    so Enfold (or Enfold-Child) – Header then on the right “extra Elements” Tab
    remove all entries there.

    Header Social Icons : No social Icons
    Header Secondary Menu : No Secondary Menu
    Header Phone Number/Extra Info: No Phone Number/Extra Info

    Hi,

    Thanks for the update. You can hide that by going to Enfold->Header->Extra Elements->Header Phone Number/Extra Info, then select the first option in the drop down menu.

    Best regards,
    Rikard

    #1490764

    Hi,

    Please refer to this on how to install the theme via FTP: https://kriesi.at/documentation/enfold/install-enfold-theme/#ftp-install

    Best regards,
    Rikard

    #1490763

    Hey joakleaf,

    The update to 7.1.3 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
    You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
    If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
    Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

    Best regards,
    Rikard

    Hi Rikard,

    Unfortunately not, so just to be clear. On wordpress, I go to Enfold, I click on Advanced Styling –> from the drop down menu I choose small bar above the main menu –> I click Edit Element. Then I see an area underneath that says small bar above the main menu. I can change the colors and everything. But when I press the X and delete it, save, refresh my website, the icons are still there, the borderline is still there. Also, in the dropdown menu in the Advanced Styling, the small above is still there. Please help.

    #1490756
    joakleaf
    Participant

    I currently have a license for Enfold however I have not lost the API key and it appears that using a API key is not even supported for updates anyway. What is the process for updating to the current version given the legacy version I am using is 3.5.4.

    #1490747

    Hi,

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

    Best regards,
    Rikard

    #1490722

    In reply to: Enfold Medicine

    Hey slauffer,

    Thank you for the inquiry.

    The site is in maintenance mode, so we are not able to check it. Where the site is hosted? If it’s on OVH, you will need to import the demos manually using the XML files. Due to an issue with this host, images and other media files may not import correctly. Please refer to this documentation for more info.

    https://kriesi.at/documentation/enfold/import-demos/#how-to-manually-import-a-theme-demo

    Let us know if you have more questions.

    Best regards,
    Ismael

    #1490721

    In reply to: General question

    Hey Henk,

    Thank you for your interests in the theme.

    We believe what you’re referring to as “templates” are the demos. If that’s the case, once you purchase a license, you’ll be able to select any of the templates or demos available for the theme. Please note that each import will override the previous one, but you can always reset the installation if needed.

    Regarding the layout, it’s possible to add a section or an element with a background video. You can also use the sliders from the Advance Layout Builder or utilize the Layer Slider plugin, which is included natively in the theme.

    For more information, please browse through the documentation and check out the articles on our blog:

    https://kriesi.at/documentation/enfold
    https://kriesi.at/blog

    If you have any further questions, please feel free to send us a message. See you on the forum!

    Best regards,
    Ismael

    #1490710

    Topic: Enfold Medicine

    in forum Enfold
    slauffer
    Participant

    Hello,
    I bought a licence for Enfold, but i am missing the typical views for the Medicine. How can I install the Demo Mediciine, when I download the standard version. Symbols are missing for exmample. What was wrong? Please inform me about the right installation.

    mehrasadi23
    Participant

    Hi,

    Hope you’re doing fine. I’ve recently bought Enfold and I’m using the Travel Demo. There is a blue bar above the main header/main menu that I can’t remove. I even found went to Enfold –> Advanced Styling and I deleted something called “small bar above the main menu”. Now the blue bar is kind of gone but that area is still there with the buttons (call, Registeration, Customer Login). So I thought it’s best to ask you before playing around with it anymore. I found a solution you have provided with adding a CSS code to Enfold but I was wondering if it’s possible to get rid of it without adding any CSS code.

    Thanks

    #1490691

    Hi,

    That should not be necessary, but as a safety precaution you could copy/paste it in to a document on your local computer. You can also export the theme setting under Enfold->Import/Export.

    Best regards,
    Rikard

    #1490690

    Hi Rikard,

    Sorry for the very late answer. I have purchased a new Enfold license. With the current version of the website I did a lot with Quick CSS. When installing the new license, do I have copy/paste the code from the old version to the new version?

    Best regards,
    Marieke

    #1490684

    In reply to: Upper Menu size

    Hi,

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

    #header_meta {
      height: 50px;
      min-height: 50px;
    }
    
    .phone-info {
      font-size: 16px;
    }

    Best regards,
    Rikard

    #1490679

    Hi Rikard

    That worked! Thank you so much. I simply used the code from your Enfold documentation, and now everything works as usual.

    I have one last question: Your code only supports one mobile screen size (max-width: 989px). What does the code look lik,e if I need to differentiate between mobile and tablet portrait modes – so that the margin-top is correct?

    @media only screen and (max-width: 989px) {
    .responsive #top #main {
    /* Margin top value should be equal to header height*/
    margin-top: 110px !important;
    }
    .responsive #top #wrap_all #header {
    position: fixed;
    }
    }

    Thanks
    Sarah

Viewing 30 results - 1,021 through 1,050 (of 244,367 total)