Viewing 30 results - 1,621 through 1,650 (of 142,940 total)
  • Author
    Search Results
  • #1484044

    Hey mountaintopengraving,
    Thanks for the link to your site, but I didn’t find any pages or events that were blank in the backend, and I was able to edit the pages that I tested.
    Your page /donnys-at-core-restaurant-menu-live-music-specials/ was created with the Block Editor and not the Enfold Advanced Layout Builder, and your About, Capri Room, appetizer-add-ons, pages were created with the Advanced Layout Builder and I found no issues editing them.
    Are you using the same login that you posted for us?
    What page can you not update, and what changes are you trying to make?

    Best regards,
    Mike

    #1484039

    In reply to: Ctrl + F in html

    Hey schweg33,
    I have opened the original thread so you can ask Guenni007, please post there and we will close this one.

    Best regards,
    Mike

    #1484024
    This reply has been marked as private.
    #1484023

    Hi,
    I see that you have this custom css:

    #top .avia-smallarrow-slider:not(.av-slideshow-ui) .avia-slideshow-arrows a, #top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-prev a.prev-slide, #top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-next a.next-slide {
        width: 24px !important;
        opacity: 1;
    }

    this is forcing the width to 24px, you can change this css and then add the css above, or try this css instead:

    #top .avia-smallarrow-slider:not(.av-slideshow-ui) .avia-slideshow-arrows a, #top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-prev a.prev-slide, #top .avia-smallarrow-slider.av-slideshow-ui .avia-slideshow-arrows.av-visible-next a.next-slide {
        width: 50px !important;
        height: 50px !important;
        line-height: 50px !important;
        font-size: 20px !important;
    }
    #top .avia-smallarrow-slider .avia-slideshow-arrows {
      position: relative;
      width: 120px;
      left: auto;
      height: 50px;
      right: 10px;
    }
    #top .avia-smallarrow-slider .avia-slideshow-arrows a.avia-svg-icon svg:first-child, #top .avia-smallarrow-slider .avia-slideshow-arrows a.avia-svg-icon img[is-svg-img="true"] {
        height: 20px;
        margin-top: 17px;
    }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    currently:
    Screen Shot 2025 05 11 at 9.06.26 AM
    with this new css:
    Screen Shot 2025 05 11 at 9.07.36 AM
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

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

    @media only screen and (max-width: 767px) {
        .responsive #top #wrap_all #header .social_bookmarks {
            display: block;
        }
        #avia2-menu #menu-item-8506,#avia2-menu #menu-item-9168,#avia2-menu #menu-item-6813 {
        	display: none;
        }
        #header_main #text-8,#main .main-title {
        	display: none;
        }
        #top #main .title_container .container {
        padding-bottom: 0;
        min-height: 25px;
        }
        #full_slider_1 *:not(.avia-caption-title, .avia-caption-content, .avia-caption-content p) {
        	min-height: 90px;
        }
    }

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    without this css:
    Screen Shot 2025 05 10 at 11.29.58 AM
    with this css:
    Screen Shot 2025 05 10 at 11.28.45 AM

    Best regards,
    Mike

    #1483988

    Hi,
    Your section with the ID #samplewebsites is hidden on small mobile devices:
    Screen Shot 2025 05 10 at 10.32.45 AM
    probably because you wanted to show the next section only on small mobile:
    Screen Shot 2025 05 10 at 10.34.06 AM
    but that section has no ID, so the mobile menu can’t link to it.
    Note that all IDs on a page must be unique and used only once, so to correct your issue, add a ID to the second color section like “mobilesamplewebsites”
    then add a second menu item under the current samplewebsites menu item, with the custom classes “av-desktop-hide av-medium-hide av-small-hide” and a link of #mobilesamplewebsites
    and then add the custom class “av-mini-hide” to the current samplewebsites menu item.

    Best regards,
    Mike

    I posted the whole thing you sent without reading the code through and it totally killed my mobile site layout.

    I quickly dialled back the change but have now lost my social media links at the top of my mobile site.

    I need specific css code (not the general outline of code you sent above) to:
    – reinstate my social media icons at the top of my mobile site
    – reduce the white space between the logo and the breadcrumbs trail at the page top on my mobile site
    – edit the menu items in the mini menu at the top of my mobile site.

    Many thanks

    • This reply was modified 11 months, 2 weeks ago by JennyGr.
    • This reply was modified 11 months, 2 weeks ago by JennyGr.
    #1483984

    In reply to: Search icon

    Hi,
    Thank you for your patience, try removing the css above and add this instead:

    #top #menu-item-search a {
    	z-index: 1;
      position: relative;
    }

    Best regards,
    Mike

    #1483979

    Hi,
    It looks like you had a duplicate thread for the overlay icon, check here.

    Best regards,
    Mike

    Hi,
    we can close this topic.

    The Plugin ist simple not compatible with Enfold (according the developer).

    Thank you!

    Regards
    Mat

    #1483967

    Hey Martin,
    To add a red border to items that you tab to, you can add this css:

    a:focus,button:focus {
      border:1px solid red !important;
    }

    adjust the color and size to suit.
    Your accessibility plugin is at the bottom of the page in the DOM, so you would need to tab the whole page to get to it, perhaps the plugin settings has an option to move it to the top of the DOM? The plugin button also has a tabindex of -1 so you can’t tab to it, check the plugin settings.
    If you can’t change these in the settings, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function custom_script() { ?>
      <script>
    document.addEventListener('DOMContentLoaded', function() {
    	const accessibilityButton = document.querySelector('#accessibility-trigger-button');
        const messageBar = document.querySelector('#accessibility-button');
        const body = document.querySelector('body#top');
        body.prepend(messageBar);
        accessibilityButton.setAttribute('tabindex', '1');
    });
    </script>
      <?php
    }
    add_action( 'wp_footer', 'custom_script', 99 );

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    This javascript will move the accessibility-button in the DOM to the top of the page so it is the first tab, the icon will still show at the bottom of the page, it will also change the tabindex so you can tab to it. With the css above to add a red border, the first tab will show this:
    Screen Shot 2025 05 10 at 6.24.55 AM
    and then if you hit the enter key it will open:
    Screen Shot 2025 05 10 at 6.27.43 AM

    Best regards,
    Mike

    Hi,
    Change this css:

    #av-burger-menu-ul li.av-show-submenu > .sub-menu > li > a > .avia-menu-text {
    	color: yellow;
    }

    to this:

    #av-burger-menu-ul li.av-show-submenu > .sub-menu > li > a > .avia-menu-text {
    	color: yellow;
    	font-size: 20px;
    	line-height: 20px;
    }

    then add this css:

    .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li.av-show-submenu li {
        line-height: 20px;
    }

    Screen Shot 2025 05 10 at 5.34.09 AM
    adjust to suit.
    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

    Best regards,
    Mike

    #1483964

    In reply to: Ctrl + F in html

    hail brave new AI world

    New snippet
    see in Action here: https://webers-testseite.de/impressum/

    it is a draggable Window:

    this is for child-theme functions.php:

    see code here on paste bin: https://pastebin.com/zc4fvX1w

    because of a innerHtml (lines 158-176) it is not possible to post it here – (maybe mod knows how)

    and here is the style for quick css

    /* --- Draggable Search Window --- */
    #gcmSearchUIContainer { /* Changed ID for clarity */
      position: fixed;
      top: 100px; /* Initial position from the top */
      left: 50%;  /* Start horizontally centered */
      transform: translateX(-50%); /* Adjust for true centering */
      width: 380px; /* A suitable width for a small window */
      background-color: #f9f9f9;
      border: 1px solid #ccc;
      border-radius: 8px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.25);
      z-index: 100001; /* Ensure it's on top, slightly higher than before if needed */
      overflow: hidden; /* To contain rounded corners with header */
    }
    
    #gcmSearchUIContainer.hidden {
      display: none;
    }
    
    #gcmSearchUIHeader {
      padding: 10px 15px;
      background-color: #e8e8e8;
      border-bottom: 1px solid #ccc;
      cursor: move; /* Indicates this area is draggable */
      border-top-left-radius: 8px; /* Match container's radius */
      border-top-right-radius: 8px; /* Match container's radius */
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    
    #gcmSearchUIHeader .gcm-title {
      font-weight: bold;
      font-size: 1.1em;
      color: #333;
    }
    
    #gcmSearchUIHeader #gcmCloseSearchBtnDraggable { /* Specific ID for close button in this context */
      background: none;
      border: none;
      font-size: 1.3em;
      font-weight: bold;
      color: #777;
      cursor: pointer;
      padding: 0 5px;
    }
    #gcmSearchUIHeader #gcmCloseSearchBtnDraggable:hover {
      color: #000;
    }
    
    #gcmSearchUIBody {
      padding: 15px;
      display: flex;
      flex-direction: column; /* Stack elements vertically */
      gap: 10px; /* Space between elements in the body */
    }
    
    #gcmSearchUIBody #gcmSearchInputDraggable { /* Specific ID for input */
      width: 100%;
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-sizing: border-box;
    }
    
    #gcmSearchUIBody .gcm-controls-row {
      display: flex;
      justify-content: space-between; /* Space out controls */
      align-items: center;
      gap: 8px; /* Space between buttons in a row */
    }
    
    #gcmSearchUIBody .gcm-navigation {
        display: flex;
        gap: 5px;
    }
    
    #gcmSearchUIBody button {
      padding: 8px 12px;
      border: 1px solid #aaa;
      border-radius: 4px;
      background-color: #e7e7e7;
      cursor: pointer;
      min-width: 40px; /* For Next/Prev buttons */
      text-align: center;
    }
    
    #gcmSearchUIBody button:hover {
      background-color: #d7d7d7;
    }
    
    #gcmSearchUIBody #gcmSearchBtnDraggable { /* Specific ID */
        flex-grow: 1; /* Allow Find button to take more space if needed */
    }
    
    #gcmSearchUIBody .gcm-results-count-draggable { /* Specific ID */
      font-size: 0.95em;
      color: #333;
      white-space: nowrap; /* Prevent wrapping */
    }
    
    /* --- Highlighting Styles (remain the same) --- */
    .custom-highlight {
      background-color: yellow;
      color: black;
      font-weight: bold;
    }
    
    .custom-highlight.current-custom-highlight {
      background-color: orange;
      outline: 1px solid red;
    }

    Do not forget to remove the leading php on that downloaded snippet before you insert it to your child-theme functions.php

    Download: https://pastebin.com/dl/zc4fvX1w

    shure – see: https://kriesi.at/support/topic/enfold-upcoming-fixes/

    fixed: ALB Audio Player cannot edit playlist when bundled Layerslider is deactivated

    #1483946

    Topic: Ctrl + F in html

    in forum Enfold
    schweg33
    Participant

    hello everyone
    i have an idea
    when i press Ctrl + F the field to search the text on a page appears at the top.

    is it possible to enter this command (Ctrl + F ) in the content in a line in html so that I can open this command with a mouse click.

    Thanks for your info
    best regards
    Franz

    holidayprint
    Participant

    I’ve recently updated to the latest version in hopes of fixing this but with no luck.

    So BlockUI iw blocking the payment section on my site.

    <div class="blockUI blockOverlay" style="z-index: 1000; border: none; margin: 0px; padding: 0px; width: 100%; height: 100%; top: 0px; left: 0px; background: rgb(255, 255, 255); opacity: 0.6; cursor: default; position: absolute;"></div>

    I do have these errors on the site, which has been there for a bit.

    avia-js.min.js?ver=7.1:1 Uncaught TypeError: Cannot set properties of undefined (setting 'applyFilters')
        at aviaJSHelpers.wpHooks (avia-js.min.js?ver=7.1:1:392)
        at new aviaJSHelpers (avia-js.min.js?ver=7.1:1:113)
        at avia-js.min.js?ver=7.1:1:618
        at avia-js.min.js?ver=7.1:1:1321
    wpHooks @ avia-js.min.js?ver=7.1:1
    aviaJSHelpers @ avia-js.min.js?ver=7.1:1
    (anonymous) @ avia-js.min.js?ver=7.1:1
    (anonymous) @ avia-js.min.js?ver=7.1:1
    
    lottie_animation.min.js?ver=7.1:1 Uncaught TypeError: Cannot read properties of undefined (reading 'register')
        at lottie_animation.min.js?ver=7.1:1:2783
        at lottie_animation.min.js?ver=7.1:1:2866
    (anonymous) @ lottie_animation.min.js?ver=7.1:1
    (anonymous) @ lottie_animation.min.js?ver=7.1:1
    
    avia-snippet-fold-unfold.min.js?ver=7.1:1 Uncaught TypeError: Cannot read properties of undefined (reading 'register')
        at avia-snippet-fold-unfold.min.js?ver=7.1:1:5124
        at avia-snippet-fold-unfold.min.js?ver=7.1:1:5204
    (anonymous) @ avia-snippet-fold-unfold.min.js?ver=7.1:1
    (anonymous) @ avia-snippet-fold-unfold.min.js?ver=7.1:1
    

    I assume its just a buildup of crap over time as we have had our site “revamped” a couple times. I put a login info in the private section

    • This topic was modified 11 months, 3 weeks ago by holidayprint.
    extraeyes
    Participant

    I know I am reaching here and there may not be a solution. I have 300+ pages in my website. Is there any way to identify which pages I have icons on without going through the torture of page by page?

    They seemed to have stopped working. Switching them is extremely time consuming.

    thank you

    #1483927
    targetors
    Participant

    Hi, after some recent updates, our Enfold burger menu stopped opening at some point (used to work fine for years). The burger is visible, but clicking it on any device doesn’t open the menu.

    Error caught in the browser console: Uncaught RangeError: Maximum call stack size exceeded

    We have tried disabling all plugins, clearing cache and various other changes to burger menu settings, and nothing has worked.

    This is pretty big problem for us, since it is the main navigation method for mobile and smaller screen users, please help!

    Versions:
    Enfold 7.1
    Wordpress 6.8.1
    PHP 8.3.19 (ea-php83)

    Hey 34oldcat29,

    The update to 7.1 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/

    Best regards,
    Rikard

    Yes, I also recognised that from many of the buttons.

    temporarily until the problem is fixed:

    #top .avia-button .avia_loading_icon {
      display: none !important;
    }

    Hi Ismael,

    Perfect! We will add this code.

    There is a responsiveness issue on the website. When three elements are placed side-by-side on a desktop, they do not display correctly on mobile devices. Please see the screenshots.

    Zrzut-ekranu-2025-05-08-164125
    Zrzut-ekranu-2025-05-08-163915
    Zrzut-ekranu-2025-05-08-163845

    Best,
    Kasia

    rechner1
    Participant

    Hello,
    I installed the demo-page “Enfold One-Page Restaurant Demo” and started to edit it.

    Is it a known issue that after clicking the button to jump to the anchor and then manually scrolling back up, the button still shows the loading animation?

    Also the Demo-Pages are showing these problem.
    You can find my page here.

    I already had various other themes installed on my development environment. Is this related?
    At the moment all other plugins are deleted.

    Thank you
    Tobi

    • This topic was modified 11 months, 3 weeks ago by rechner1.

    Hi,

    Thank you for the update.

    You can add this code in the Enfold > General Styling > Quick CSS field to adjust the position of the onsale or promo badge.

    #top .onsale {
        top: -29px;
        right: 8px;
        left: auto;
    }

    View post on imgur.com

    Best regards,
    Ismael

    #1483897

    Hi,

    To adjust the size and position of the slider arrows, try to add this css code:

    #top .avia-smallarrow-slider .avia-slideshow-arrows a {
      opacity: 0;
      margin: 0;
      width: 50px !important;
      height: 50px !important;
      line-height: 50px !important;
      font-size: 20px !important;
      top: 0;
    }
    
    #top .avia-smallarrow-slider .avia-slideshow-arrows a.avia-svg-icon svg:first-child, #top .avia-smallarrow-slider .avia-slideshow-arrows a.avia-svg-icon img[is-svg-img="true"] {
      height: 20px;
      width: auto;
      margin-top: 15px;
    }
    
    #top .avia-smallarrow-slider .avia-slideshow-arrows {
      position: relative;
      width: 120px;
      top: 20px;
      left: auto;
      height: 24px;
      right: 10px;
    }

    If you’re trying to disable the image overlay, add this code:

    .image-overlay, .image-overlay .image-overlay-inside {
        display: none !important;
    }

    Best regards,
    Ismael

    Hi,

    We may need to adjust the maximum width of the nav menu itself and the left/right margin of the elements in the top header including the logo and the custom header widgets.

    /*
    Desktop Styles
    ================================================== */
    /* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
    
    @media only screen and (min-width: 768px) {
    
      /* Add your Desktop Styles here */
      .responsive #top #header #header_main .inner-container .main_menu {
        order: 5;
        flex-basis: 100%;
        align-items: center !important;
        align-self: center !important;
        justify-content: center !important;
        height: inherit !important;
        margin-bottom: 0px;
      }
    
      .responsive #top #header #header_main .inner-container .main_menu .avia-menu {
        max-width: 1340px;
      }
    
      .responsive #top #header #header_main .inner-container .logo {
        margin-left: calc(50% - 570px);
      }
    
      .responsive #top #header #header_main .inner-container .widget:nth-child(5) {
        margin-right: calc(50% - 640px);
      }
    }

    View post on imgur.com

    Best regards,
    Ismael

    Hey Launebaer1981,

    Thank you for the inquiry.

    The following thread should help: https://kriesi.at/support/topic/importing-lots-of-data-to-scf-custom-posts-all-having-same-template/#post-1473810

    You may need to update the custom layout ID in _aviaLayoutBuilderCleanData and make sure the post type slug is correct. Also, remove this line to prevent the header from being set to transparent.

    update_post_meta($post_id, 'header_transparency', 'header_transparent header_hidden');
    

    Best regards,
    Ismael

    Oh, I’m sorry I forgot the link. It’s the caption in the slider at the top of this page. Also, I’ve tried to use the Extra Bold of Open Sans in the header under the slider, and that isn’t taking either.

    Thanks!

    #1483853

    See first if this is a nearby solution: https://enfold.webers-webdesign.de/

    ok – here is a quick solution (with AI support).
    Enfold has the hook where you can insert something directly after the body opening tag. So put this to your child-theme functions.php:

    
    function ava_custom_jalousie_loader() {
    ?>
    <script type="text/javascript">
    	window.addEventListener('load', function() {
    		document.body.classList.add('loaded');
    	});
    </script>
    <?php
    }
    add_action( 'wp_footer', 'ava_custom_jalousie_loader' );
    
    add_action('ava_after_body_opening_tag', function() {
      echo '<div id="preloader-wrapper">';
        echo '<div id="jalousie-preloader">';
    		echo '<div class="jalousie-slat"></div>';
    		echo '<div class="jalousie-slat"></div>';
    		echo '<div class="jalousie-slat"></div>';
    		echo '<div class="jalousie-slat"></div>';
    		echo '<div class="jalousie-slat"></div>';
    		echo '<div class="jalousie-slat"></div>';
    		echo '<div class="jalousie-slat"></div>';
    		echo '<div class="jalousie-slat"></div>';
        echo '</div>';
      echo '</div>';
    });

    if you want less amount of jalousie-slat – remove some divs

    now the css:

    #preloader-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        perspective: 1000px;
        overflow: hidden;
    }
    
    #jalousie-preloader {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        background-color: transparent;
        transform-style: preserve-3d;
    }
    
    .jalousie-slat {
        width: 140%;
        position: relative;
        left: -20%;
        flex-grow: 1;
        background-color: #222222;  /* === change to your color you like === */
        transform-origin: 50% 50%;
        transition: transform 0.8s linear, opacity 0.4s linear 0.4s; 
        backface-visibility: hidden;
        transform: rotateX(0deg);
        opacity: 1;
        box-sizing: border-box;
    }
    
    body.loaded #preloader-wrapper {
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s 0.8s, visibility 0.3s 0.8s;
    }
    
    body.loaded #jalousie-preloader .jalousie-slat {
        transform: rotateX(90deg) scaleY(0.01);
        opacity: 0;
    }
    #1483844
    rixi
    Participant

    Hi, i just noticed that 2 pictures are just shown on mobile phone an d desktop but not on the ipad.
    Any idea?

    Many gerads rixi

    Hi Ismael,

    The search element inclusion in the header worked out great. The full width menu shadow however didn’t turned out right, please see the shared link once more. The CSS snippet basically made the page full with (which indeed push the shadow from edge to edge. However I do would like to keep the container 1340px width and not force the website full screen.

    If you zoom out on the page you can see that the full width effect is kept. Is there a way to keep the website within the 1340px container but do keep the menu bar background effect (top shadow) full width? I will drop another Enfold project where this is the case (no custom header however)

    Kind Regards,
    S

Viewing 30 results - 1,621 through 1,650 (of 142,940 total)