Forum Replies Created

Viewing 30 posts - 301 through 330 (of 66,017 total)
  • Author
    Posts
  • in reply to: replace burgermenu submenuitem with image #1484321

    Hi,

    Thank you for the update. To adjust the color of the “X” close button, try to add this css code:

    .av-burger-overlay-active #top .av-hamburger-inner, .av-burger-overlay-active #top .av-hamburger-inner::after, .av-burger-overlay-active #top .av-hamburger-inner::before {
        background-color: #000000;
    }

    Best regards,
    Ismael

    Hi,

    What needs to be done to ensure that Entypo-fontello works with a custom Media Library path?

    Great! Glad to know that you figured out the issue. Unfortunately, changing the path will require modifications to the theme that is outside the scope of support. You can check the themes/enfold/config-templatebuilder/avia-template-builder/php/class-template-builder.php or the enfold/config-templatebuilder/avia-template-builder/php/class-font-manager.php files. You can also try the avf_default_iconfont filter.

    If you need more help with this customization, you can reach out to Codeable.

    https://kriesi.at/contact

    Best regards,
    Ismael

    in reply to: Question on Masonry #1484317

    Hi,

    We modified the script in the functions.php file a bit. It should be working correctly now. Please make sure to purge the cache or remove the browser history before testing. (see private field)

    /* Masonry erweitern */
    add_action( 'wp_footer', 'av_click_sort_button_by_tag', 100 );
    function av_click_sort_button_by_tag() {
        ?>
        <script>
       (function ($) {
    	   $(function () {
    			const urlParams = new URLSearchParams(window.location.search);
    			const tag = urlParams.get("sort_tag");
    			console.log(tag);
    
    			if (tag) {
    				const buttonClass = tag + "_sort_button";
    				const button = $("." + buttonClass + " .inner_sort_button")[0];
    				console.log(button);
    
    				if (button) {
    					button.click();
    				}
    			}
    		});
    	})(jQuery);
        </script>
        <?php
    }
    

    Best regards,
    Ismael

    in reply to: Timeline with bugs in smaller viewports? #1484316

    Hi,

    Looks like the old version duplicated the milestone date which is no longer the case in the latest version. You can try this script in your functions.php file to copy the structure of the “odd” items for the “even” timeline items.

    
    add_action( 'wp_footer', 'av_custom_script_mod', 100 );
    function av_custom_script_mod() {
        ?>
       <script>
            document.addEventListener("DOMContentLoaded", function () {
                const avSwapMilestoneElements = () => {
                    const isSmallScreen = window.innerWidth < 989;
                    const milestones = document.querySelectorAll(".av-milestone");
    
                    milestones.forEach((milestone, index) => {
                    const isEven = milestone.classList.contains("av-milestone-even");
    
                    if (!isEven) return;
    
                    const date = milestone.querySelector(".av-milestone-date");
                    const content = milestone.querySelector(".av-milestone-content-wrap");
                    const icon = milestone.querySelector(".av-milestone-icon-wrap");
    
                    if (!date || !content || !icon) return;
    
                    if (isSmallScreen) {
                        milestone.innerHTML = "";
                        milestone.appendChild(date);
                        milestone.appendChild(content);
                        milestone.appendChild(icon);
                    } else {
    
                        milestone.innerHTML = "";
                        milestone.appendChild(content);
                        milestone.appendChild(icon);
                        milestone.appendChild(date);
                    }
                    });
                };
    
                avSwapMilestoneElements();
    
                window.addEventListener("resize", avSwapMilestoneElements);
            });
        </script>
        <?php
    }

    You may also need to add this css.

    @media only screen and (max-width: 989px) {
    
      /* Add your Mobile Styles here */
      .avia-timeline .milestone_icon i.milestone-char.avia-svg-icon svg:first-child {
        margin-top: 18px;
      }
    }

    Best regards,
    Ismael

    in reply to: Advanced Builder Gray Screen #1484315

    Hi,

    Is it possible to get rid of these squares at all?

    You can add this css code, but please note that this will hide all icon elements in the site.

    .iconlist-char {
        display: none;
    }

    Thank you for your patience.

    Best regards,
    Ismael

    in reply to: Menu Layout Advice #1484314

    Hi,

    You’re welcome! Feel free to open another thread if you have more questions. Have a nice day.

    Best regards,
    Ismael

    in reply to: Masonry Grid pulling all categories to filter #1484285

    Hi,

    Sorry for the delay. We are not yet sure what’s causing the issue, but we noticed that you’ve made modifications to the header.php file. What happens if you temporarily disable this template or replace it with the original code from the parent theme’s header.php file?

    Best regards,
    Ismael

    in reply to: header on this page inot appearing right on mobile #1484284

    Hey melanie308,

    Thank you for the update.

    Are you referring to the first Fullscreen Slider on the page? If you want the entire image to be visible or the slider to resize based on the dimension of the image, try replacing it with the Fullwidth Slider or an Image element. Let us know the result.

    Best regards,
    Ismael

    Hi,

    What is the URL format of the vimeo video used in the slider? Please provide the login details in the private field so we can check the issue further.

    Best regards,
    Ismael

    in reply to: full page overlay menu doesn’t work properly #1484282

    Hi!

    Thank you for the info.

    Looks like the opacity of the mobile menu items is set to zero. Please try to add this css code:

    #top #wrap_all #av-burger-menu-ul>li {
        opacity: 1 !important;
    }
    

    Make sure to purge the cache or remove the browser history before checking the page.

    Cheers!
    Ismael

    Hi,

    Is it intended behavior that in the dropdown for the icon fields under “WordPress Media Library,”

    Which dropdown? Looks like you’re using a third-party plugin Media Library Folders. Please contact the plugin authors for additional info about this.

    Since we can’t reproduce the issue on our installations, we recommend reaching out to your hosting provider to inform them about the problem. It’s possible that the issue is related to server configurations.

    Have you tried creating a clone of the site on a different host or platform?

    Best regards,
    Ismael

    in reply to: Lightbox settings #1484280

    Hi,

    Have you tried switching to incognito mode or completely removing the browser history on your phone? Please provide the site URL in the private field so we can check it properly.

    Best regards,
    Ismael

    in reply to: having trouble with google maps api key #1484279

    Hi,

    Thank you for the update. We get this error when we try to validate the map.

    main.js:154 Geocoding Service: This API project is not authorized to use this API. For more information on authentication and Google Maps JavaScript API services please see:

    Please make sure that the Geocoding API is enabled in your Google Console. For more info, please check the links below:

    https://kriesi.at/documentation/enfold/google-map/#enable-services-for-google-api
    https://developers.google.com/maps/documentation/javascript/get-api-key?utm_source=devtools&utm_campaign=stable

    Best regards,
    Ismael

    in reply to: Menu Layout Advice #1484277

    Hi,

    We added the Katalogue element in the page and adjusted the css a bit. It will still require a few styling adjustments, and you have to add the rest of the items.

    View post on imgur.com

    For additional help with customizations, you can contact Codeable.

    https://kriesi.at/contact/customization

    Best regards,
    Ismael

    Hi,

    Thank you for the screenshots.

    Yes, you can try removing the selector “.avia_mobile” selector and set the background-size property to contain.

    @media only screen and (max-width: 1366px) {
      /* Add your Mobile Styles here */
      .avia-full-stretch, .avia-bg-style-fixed  {
          background-attachment: scroll !important;
          background-size: contain !important;
      }
    }
    

    We would like to check the site but it is currently inaccessible on our end. Do you have a staging version of the site without cloudflare?

    Best regards,
    Ismael

    in reply to: Hiding Image on Mobile not working #1484275

    Hi,

    Thank you for the screenshot.

    We can’t reproduce the issue on our end — see the screenshot below. Have you tried purging the cache or switching to incognito mode?

    View post on imgur.com

    Best regards,
    Ismael

    in reply to: Timeline with bugs in smaller viewports? #1484274

    Hey slikslok,

    Thank you for the inquiry.

    You can set the display property to block, but the placement of the date would be incorrect. If you really need the date to display on mobile view, we recommend changing the Styling > General Styling > Milestone Placement to Left or Right, instead of Alternate.

    Best regards,
    Ismael

    in reply to: Adjust field choice in blog post grid view element #1484273

    Hi,

    It’s possible to create custom builder elements or shortcodes in the child theme, but you’ll need to implement them on your own because this is beyond the scope of support. You can find more information in the documentation below:

    https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb

    You can use the enfold/config-templatebuilder/avia-shortcodes/blog element as a reference or starting point.

    Best regards,
    Ismael

    in reply to: Image, Gallery like This #1484272

    Hi,

    Great! Let us know if you have more questions. Have a nice day.

    Best regards,
    Ismael

    in reply to: multi author not displaying second author #1484271

    Hi,

    “Multi-author” is one of the available styles for the blog layout. It doesn’t actually mean “multiple authors”, if that’s what you were expecting. To integrate the plugin features into the template, you may need to modify the includes > loop-index.php file.

    Best regards,
    Ismael

    Hi,

    You’re welcome! Good to know you found a plugin that meets your requirements. If you have any more questions, feel free to open another thread.

    Have a nice day.

    Best regards,
    Ismael

    in reply to: Advanced Builder Gray Screen #1484269

    Hi,

    Thank you for the update. With entypo-fontello disabled, you won’t be able to use the default icons on the page. You will need to replace them with images or SVG icons manually. Unfortunately, it’s not possible to automatically inject SVG icons as a replacement for the icon fonts.

    Best regards,
    Ismael

    in reply to: Widget “Enfold Table of Contents” & “Sites” #1484268

    Hi,

    What do you mean by “child sites”? Please provide a screenshot using platforms like Savvyify, Imgur or Dropbox.

    Best regards,
    Ismael

    in reply to: Animation on content slider #1484267

    Hi,

    As mentioned above, it’s not possible to disable the animation because it is required for the slides to switch properly. You may need to use a different slider from a third-party extension.

    Best regards,
    Ismael

    in reply to: Question on Masonry #1484266

    Hi,

    You may have forgotten to include the password. Please post the info in the private field.
    Have you tried using ?sort_tag=inbound?

    Make sure to update this line with the correct parameter name.

    const tag = urlParams.get("tag");
    

    Best regards,
    Ismael

    in reply to: Animation on content slider #1484211

    Hi,

    Yes, that could work, but you can’t set it to 0 because it will cause the transition to fail. Please try this css code:

    #top .avia-content-slider, #top .avia-content-slider-inner, #top .avia-content-slider-inner .slide-entry-wrap {
        transition: opacity 0.0001s !important;
    }

    Best regards,
    Ismael

    Hi,

    What happens when you add this code in the functions.php file?

    add_filter('avf_font_manager_load_font', function($icon_font) {
        return '';
    }, 10, 1);
    

    Please note that this will completely disable the default fontello icons.

    Thank you for your patience.

    Best regards,
    Ismael

    in reply to: Animation on content slider #1484207

    Hi,

    No, it’s not possible because the transition is what displays the next slide and hides the other slides in the slider — especially when you select the fade-in transition. Selecting sideward should minimize the effect.

    Best regards,
    Ismael

    Hey David,

    Thank you for the inquiry.

    Have you tried updating the logo with your own? You may also need to adjust the Header Size settings in the Enfold > Header > Header Layout tab. We’d be happy to check this once the site goes live.

    Best regards,
    Ismael

    in reply to: Hiding Image on Mobile not working #1484205

    Hey Madison,

    Thank you for the inquiry.

    We are not seeing the issue on our end. Would you mind providing a screenshot? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot.

    Best regards,
    Ismael

Viewing 30 posts - 301 through 330 (of 66,017 total)