Viewing 30 results - 901 through 930 (of 142,833 total)
1 2 3 … 30 31 32 … 4,760 4,761 4,762
  • Author
    Search Results
  • August 29, 2025 at 3:16 pm #1488736

    In reply to: Change anchors of scroll down link buttons

    Mike

    Hi,
    Thanks for your patience, I believe that it is sorted out now, clear your browser cache and check.
    This is the code that I added:

    function custom_offset_script_with_width() { ?>
    <script>
(function($) {
  $('a[href*="#next-section"]').click(function() {
  	var width = $(window).width()
      	if ($(window).width() < 768) {
        $('html,body').animate({
          scrollTop: $(this).offset().top - 100 //offsets for mobile fixed header
        }, 1000);
        return false;
       } else if (width >= 768 && width <= 1366) {
        $('html,body').animate({
          scrollTop: $(this).offset().top - 75 //offsets for tablet fixed header
        }, 1000); 
        return false; 
      } else {
      	$('html,body').animate({
          scrollTop: $(this).offset().top - 50 //offsets for desktop fixed header
        }, 1000);
        return false;
      }
  });
}(jQuery));
</script>
<?php
}
add_action('wp_footer', 'custom_offset_script_with_width');

    Best regards,
    Mike

    August 29, 2025 at 4:28 am #1488692

    Topic: GridRow on Mobile – mobile query to make cell full width

    in forum Enfold
    CharlieTh
    Participant

    On a gridrow I have two columns…one with a single-image easyslider with single image, a title, content. The second column is blank, only as placeholder.

    I have two columns because if do all the way across the screen the image/title/content seems VERY tall…not sure why, so this is work around.

    Have noticed when looking at large screens or landscape screens image looks okay…on narrow, phone-like screens, image is chopped vertically and can’t see title or content.

    Figure needs to be full width….and taller.

    What I’d like is the easy slider in a gridrow to match rest of page, but without having i mage a monster high.

    Can you help me with this?

    Have removed my own (poor) css to make first cell full width and taller, but was something like this:
    works…
    // @media only screen and (max-width: 800px) {
    // #top ul.avia-slideshow-inner {
    // height: 265px!important;border: 2px red solid!important;
    // width:100%!important;background:orange!important;
    // }
    // }
    // // #top .first-grid-gallery-cell{
    // // //grid-template-columns: 1fr!important;}
    // // width:100vw!important;background:orange!important;}

    // // }

    **** The section I’m working with is midway down the page…

    Our Home

    The image of a camera lens with text saying:
    Sermon Gallery
    View previous sermons.

    Thanks for any assistance, I am boggled!

    August 28, 2025 at 8:02 pm #1488685

    In reply to: Fine tuning CF7 for Iphone – IOS

    Chris mssn

    Ismael, I had a chat with Chatgpt and we came up with this code.

    // Voegt een custom calender icoon aan een data veld
 function ava_custom_calendar_icon_script() {
    ?>
    <style>
        .custom-date-wrapper {
            position: relative;
            display: inline-block;
            width: 100%;
        }

        .custom-date-wrapper input[type="date"] {
            width: 100%;
            padding-right: 40px; /* ruimte voor het icoon */
            position: relative;
            z-index: 2;
            background-color: #fff;
        }

        .custom-date-wrapper::after {
            content: "📅";
            position: absolute;
            right: 12px;
            top: 50%;
            transform: translateY(-50%);
            pointer-events: none;
            font-size: 20px;
            color: #888;
            z-index: 3;
        }
    </style>

    <script>
        function addCalendarIconToDateInputs(context = document) {
            context.querySelectorAll('input[type="date"]:not(.calendar-styled)').forEach(function (input) {
                if (input.closest('.custom-date-wrapper')) return;

                var wrapper = document.createElement('span');
                wrapper.className = 'custom-date-wrapper';

                input.classList.add('calendar-styled');

                input.parentNode.insertBefore(wrapper, input);
                wrapper.appendChild(input);
            });
        }

        document.addEventListener('DOMContentLoaded', function () {
            addCalendarIconToDateInputs();

            // Contact Form 7 AJAX support
            document.addEventListener('wpcf7invalid', function (event) {
                addCalendarIconToDateInputs(event.target);
            });
            document.addEventListener('wpcf7submit', function (event) {
                addCalendarIconToDateInputs(event.target);
            });

            // Extra: hoogte instellen voor mobile
            if (window.matchMedia("(max-width: 768px)").matches) {
                document.querySelectorAll('input[type="date"]').forEach(function(input) {
                    input.style.height = '40px';
                    input.style.lineHeight = '40px'; // mooi gecentreerd
                });
            }
        });
    </script>
    <?php
}
add_action('wp_footer', 'ava_custom_calendar_icon_script', 9999);

    For now the height is the same as my other fields, and I have a calendar icon on my iphone.
    The width of the field doens’t seem adapable.

    • This reply was modified 6 months, 3 weeks ago by Chris mssn.
    August 28, 2025 at 7:51 pm #1488684

    In reply to: Post preview image display issue

    icarogioiosi

    Hi Ismael.
    With this change, the problem seems to be solved on smartphones, but on desktop, the image display in the list goes from this correct one
    30

    to this incorrect one
    31

    What do I need to change in the code to make it apply only to mobile devices?

    The problem with the vertical dashed line also remains unchanged and is still visible.
    10c
    Thanks for your time.

    August 28, 2025 at 12:54 pm #1488668

    In reply to: How to change description under the menu links at Consulting Demo (Enfold)

    Rikard

    Hey enderku,

    Go to Appearance->Menus, then activate Description under Screen Options in the top right hand corner.

    Best regards,
    Rikard

    August 28, 2025 at 8:44 am #1488650

    In reply to: Button padding

    Ismael

    Hi,

    Thank you for the clarification.

    Please add this css code to adjust the minimum width of the submit button:

    #top #wrap_all .main_color .button, .main_color #submit, #top #wrap_all .contact-form :is([type=submit],button:not([type=reset])) {
    min-width: 80px;
}

    View post on imgur.com

    Best regards,
    Ismael

    August 28, 2025 at 8:15 am #1488643

    In reply to: Post preview image display issue

    Ismael

    Hi,

    Thank you for the update.

    We actually removed the is_single conditional function from the avf_post_featured_image_link filter. Please update the code.

    — https://kriesi.at/support/topic/post-preview-image-display-issue/#post-1488334

    View post on imgur.com

    Best regards,
    Ismael

    August 28, 2025 at 7:53 am #1488639

    In reply to: Column Rows Same Height

    Ismael

    Hi,

    Thank you for the update.

    We noticed that the custom css class is only applied to certain special heading elements. To simplify things, instead of applying the custom css class directly to the special heading elements, add it to the color section containing the columns, and then use the following css code:

    #top .locationscolumn .av-special-heading {
    min-height: 95px;
}

    Best regards,
    Ismael

    August 27, 2025 at 8:24 pm #1488626

    In reply to: Tab section content being cut off

    lauragale2020

    Thanks, the code worked for mobile but not desktop. I put the desktop code before the mobile as mentioned. Please advise :)

    August 27, 2025 at 8:15 pm #1488624

    Topic: unmute background video

    in forum Enfold
    Munford
    Participant

    Hi
    On the site below I have a background video in a color section at the bottom of the page.
    I added an unmute button to the video, and it seems to be working.
    I added the codes I found here: https://kriesi.at/support/topic/html-for-turning-on-audio/#post-1432783
    and on this page: https://webers-testseite.de/mute-unmute/

    I didn’t understand where to place the first code where it says :
    Activate Child-theme shortcodes replacement by:

    add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths){
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');
  return $paths;
}

    Do I add that to my functions.php or is it OK as it is?

    I am also still seeing the mute icon on mobile, even though my css is:

    @media only screen and (min-width: 768px) {
.custom-mute {
    display: block;
    background-image: url('/wp-content/uploads/2025/08/icon-mute.png');
    background-size: cover;
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 8%;
    right: 4%;
    z-index: 50;
}
.custom-mute:hover {
	opacity: 0.7;
}
.icon-sound-on {
	background-image: url('/wp-content/uploads/2025/08/icon-sound.png');
}}

    can you help me with this?

    thanks
    Nancy

    • This topic was modified 6 months, 3 weeks ago by Munford.
    • This topic was modified 6 months, 3 weeks ago by Munford.
    • This topic was modified 6 months, 3 weeks ago by Munford.
    • This topic was modified 6 months, 3 weeks ago by Munford.
    August 27, 2025 at 1:11 pm #1488607

    In reply to: Show fullscreen image for 5 seconds

    Guenni007

    you can have that with text and inline svg aswell:

    add_action('ava_after_body_opening_tag', function() {
    if (is_page(array(2))){   // add your conditions here , for more pages : separate by commata
        echo '<div id="fullscreen-overlay"><div class="overlay-content"><svg title="QueensGym" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 340 85"><path fill="#fff" fill-rule="nonzero" d="M229.42 21.558c9.745 0 16.113 5.096 16.893 13.392h-6.068c-.708-4.887-4.594-7.663-10.824-7.663-7.088 0-10.988 4.076-10.988 11.477v7.358c0 7.4 3.9 11.478 10.988 11.478 9.08 0 10.987-4.944 10.987-9.09v-1.547h-9.929V41.54h15.967v6.97c0 9.004-6.683 14.82-17.025 14.82-10.501 0-17.026-6.594-17.026-17.208v-7.358c0-10.612 6.525-17.206 17.026-17.206m0-1.12c-10.79 0-18.144 6.619-18.144 18.326v7.358c0 11.707 7.354 18.327 18.144 18.327 10.972 0 18.144-6.252 18.144-15.939v-8.09H229.36v7.662h9.93v.428c0 5.152-3.065 7.97-9.87 7.97-6.435 0-9.868-3.556-9.868-10.358v-7.358c0-6.804 3.433-10.357 9.869-10.357 5.945 0 9.563 2.697 9.807 7.661h8.277c-.307-9.93-7.725-15.63-18.084-15.63m51.354 12.336-11.61 44.042h-6.04l2.91-9.942.072.297.714-2.989.413-1.404h-.075l.036-.153 7.15-29.851h6.43Zm-22.908 0 7.15 29.851.037.153h-5.866l-7.757-30.004h6.436Zm24.361-1.12h-8.767l-7.354 30.71-7.358-30.71h-8.764l8.336 32.244h7.418l-4.109 14.037h8.4l12.198-46.28Zm36.747.57c6.73 0 11.078 4.01 11.078 10.217v20.337h-5.423V44.036c0-4.193-2.663-6.697-7.126-6.697-4.03 0-6.636 2.63-6.636 6.697v18.742h-5.423V44.036c0-4.193-2.663-6.697-7.127-6.697-4.032 0-6.637 2.63-6.637 6.697v18.742h-5.423V32.774h5.423v2.815l1.806-1.394c1.26-.974 3.027-1.971 6.548-1.971 3.682 0 6.651 1.199 8.588 3.468l.824.964.854-.937c2.148-2.353 4.984-3.495 8.674-3.495m0-1.12c-5.456 0-8.214 2.45-9.5 3.862-2.146-2.516-5.457-3.862-9.44-3.862-3.924 0-5.885 1.163-7.234 2.206v-1.655h-7.663v32.243h7.663V44.036c0-3.248 1.961-5.577 5.517-5.577 4.597 0 6.008 2.76 6.008 5.577v19.862h7.662V44.036c0-3.248 1.96-5.577 5.516-5.577 4.599 0 6.006 2.76 6.006 5.577v19.862h7.663V42.44c0-7.17-5.272-11.337-12.198-11.337M70.866 31.6h7.662v20.963c0 7.174-5.09 11.832-13.608 11.832-8.52 0-13.609-4.658-13.609-11.832V31.6h7.663v20.107c0 4.045 2.39 5.639 5.946 5.639 3.556 0 5.946-1.594 5.946-5.639V31.6Zm11.941 19.433v-6.622c0-8.334 5.948-13.361 14.16-13.361 8.215 0 14.099 5.027 14.099 13.361v6.439h-20.78v.549c0 4.476 2.76 6.255 6.681 6.255 3.311 0 5.946-1.41 6.253-3.864h7.723c-.735 6.683-6.376 10.606-13.976 10.606-8.212 0-14.16-5.028-14.16-13.363m20.78-6.192v-1.165c0-3.309-2.696-5.7-6.62-5.7-3.922 0-6.681 2.084-6.681 5.7v1.165h13.302Zm11.453 6.192v-6.622c0-8.334 5.946-13.361 14.16-13.361s14.098 5.027 14.098 13.361v6.439h-20.781v.549c0 4.476 2.759 6.255 6.683 6.255 3.31 0 5.945-1.41 6.252-3.864h7.725c-.738 6.683-6.376 10.606-13.977 10.606-8.214 0-14.16-5.028-14.16-13.363m20.779-6.192v-1.165c0-3.309-2.696-5.7-6.62-5.7-3.923 0-6.682 2.084-6.682 5.7v1.165h13.302ZM148.007 31.6h7.663v1.655c1.346-1.04 3.618-2.206 7.54-2.206 6.925 0 12.258 4.168 12.258 11.341v21.454h-7.662v-19.86c0-2.82-1.531-5.58-6.129-5.58-3.679 0-6.007 2.33-6.007 5.58v19.86h-7.663V31.6Zm31.007 21.333h7.663c.06 2.084 1.655 4.23 6.008 4.23 4.107 0 5.821-1.535 5.821-2.944 0-1.226-.611-2.328-3.125-2.696l-6.376-.859c-4.78-.613-8.704-3.739-8.704-9.5 0-5.457 5.025-10.115 12.75-10.115 7.848 0 12.873 4.78 12.873 10.728h-7.662c-.063-2.146-2.268-3.679-5.21-3.679-2.82 0-4.72 1.348-4.72 2.882 0 1.225.858 2.267 2.759 2.512l6.741.92c6.743.918 8.827 5.456 8.827 9.44 0 5.393-4.966 10.545-13.974 10.545-7.602 0-13.547-3.986-13.67-11.464M46.283 38.71c0-11.706-7.355-18.327-18.142-18.327-10.79 0-18.146 6.62-18.146 18.328v7.356c0 11.709 7.356 18.328 18.146 18.328 4.351 0 8.214-1.105 11.155-3.187l6.987 5.885 4.245-5.325-6.575-5.71c1.473-2.696 2.33-6.068 2.33-9.99V38.71Zm-8.273 7.357c0 1.654-.185 3.125-.613 4.413l-.01-.007c-.802 2.546-2.363 4.33-4.545 5.327l.018.014c-.129.06-.272.101-.407.154l-.347.134c-.194.066-.392.129-.593.186a8.318 8.318 0 0 1-.503.128c-.177.04-.353.08-.535.114-.225.04-.461.069-.699.098-.142.017-.28.04-.428.053-.392.032-.793.053-1.207.053a14.9 14.9 0 0 1-1.21-.053c-.148-.014-.285-.036-.428-.053a13.43 13.43 0 0 1-.7-.098c-.181-.034-.356-.074-.533-.114a9.86 9.86 0 0 1-1.095-.314l-.35-.134c-.133-.053-.275-.094-.405-.154l.018-.014c-2.182-.996-3.745-2.781-4.546-5.327l-.007.007c-.431-1.288-.614-2.76-.614-4.413v-7.356c0-6.989 3.738-10.358 9.87-10.358 6.128 0 9.869 3.369 9.869 10.358v7.356Z"/></svg><br><h2 style="text-align: center; color: #FFF;">KAMPF- UND KRAFTSPORT IN</h2><h2 style="text-align: center; color: #FFF;">WIESBADEN - EXKLUSIV FÜR FRAUEN</h2></div></div>';
    }
});

    the other snippet is the same.

    and :

    #fullscreen-overlay {
    position: fixed;
    display: flex;
    justify-content: center; /* Zentriert horizontal */
    align-items: center;    /* Zentriert vertikal */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000; 
    z-index: 9999;
    opacity: 1;
   transition: opacity 1s ease-in-out, visibility 0s linear 1s;
}

#fullscreen-overlay.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none; /* Disable interaction when hidden */
}

#top .overlay-content {
padding: 20px;
}

#top .overlay-content h2 {
  font-size: min(max(24px, calc(1.5rem + (72 - 24) * ((100vw - 320px) / (1500 - 320)))), 72px);
  min-height: 0vw;
  line-height: 1.5em;
}

    see my test page : https://basis.webers-testseite.de/

    August 27, 2025 at 12:48 pm #1488605

    In reply to: Show fullscreen image for 5 seconds

    Guenni007

    try with your current solution:

    #fullscreen-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  background-image: url('https://houseoffreedom.de/2025/wp-content/uploads/2025/08/QueensGym-Logo-2.svg');
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 9999;
  opacity: 1;
  transition: opacity 1s ease-in-out,visibility 0s linear 1s;
  background-position: center center;
}
    August 27, 2025 at 11:36 am #1488600

    In reply to: Show fullscreen image for 5 seconds

    Guenni007

    f.e. – on my test page i do only have set it for front-page and impressum:

    add_action('ava_after_body_opening_tag', function() {
    if (is_page(array(330,1128))){ 
        echo '<div id="fullscreen-overlay"></div>';
    }
});

function timed_overlay_fullscreen_image(){
if (is_page(array(330,1128))){ 
?>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    setTimeout(function() {
        var overlay = document.getElementById('fullscreen-overlay');
        if (overlay) {
            overlay.classList.add('hidden');
        }
    }, 5000); // 5000 milliseconds = 5 seconds
  });
</script>
<?php
}
}
add_action('wp_footer', 'timed_overlay_fullscreen_image');

    btw: if you like you can have page-title or different text included to that hook
    replace f.e. to :
    echo '<div id="fullscreen-overlay"><h1>'.get_the_title().'</h1></div>';

    see example page from above with get_the_title (and only 3 seconds)

    #fullscreen-overlay {
    position: fixed;
    display: flex;
    justify-content: center; 
    align-items: center; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000; /* Example: black background */
    background-image: url(/wp-content/uploads/2016/07/corporate-buildings-m.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9999;
    opacity: 1;
   transition: opacity 1s ease-in-out, visibility 0s linear 1s;
}

#fullscreen-overlay.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none; 
}

#fullscreen-overlay h1 {
  font-size: 4em;
  color: #FFF;
  margin: 0;
  padding: 20px;
  text-shadow: 2px 3px 5px #000;
}
    August 27, 2025 at 11:28 am #1488599

    In reply to: Show fullscreen image for 5 seconds

    Guenni007

    try inside your child-theme functions.php:

    // Inject the HTML overlay into the body
add_action('ava_after_body_opening_tag', function() {
    echo '<div id="fullscreen-overlay"></div>';
});

function timed_overlay_fullscreen_image(){
?>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    setTimeout(function() {
        var overlay = document.getElementById('fullscreen-overlay');
        if (overlay) {
            overlay.classList.add('hidden');
        }
    }, 5000); // 5000 milliseconds = 5 seconds
  });
</script>
<?php
}
add_action('wp_footer', 'timed_overlay_fullscreen_image');

    and in quick css:

    #fullscreen-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000; 
    background-image: url(/wp-content/uploads/2016/07/corporate-buildings-m.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9999;
    opacity: 1;
   transition: opacity 1s ease-in-out, visibility 0s linear 1s;
}

#fullscreen-overlay.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none; /* Disable interaction when hidden */
}

    see: https://basis.webers-testseite.de/

    if you just want to have that on your front page – than we had to adjust those snippets.

    August 27, 2025 at 10:41 am #1488596

    In reply to: Gallery image large with lightbox – change icon to camera or gallery icon

    Guenni007

    Admittedly, this is a very specific replacement for the usual \e869 icon. But that is probably what is meant by a CSS (not CMS) solution. For a simpler replacement, \e80e does not look quite as complicated.

    https://webers-testseite.de/popup-gallery/

    but i think now these icons are svg ones – so the simple method to replace the font-icon by just doing:

    #top .image-overlay .image-overlay-inside::before {
  content: "\E80E" !important;
  font-family: entypo-fontello;
  font-size: 42px;
  font-weight: 400;
}
    August 27, 2025 at 8:11 am #1488593

    In reply to: title should appear centered next to the icon

    Ismael

    Hey mary301187,

    Thank you for the inquiry.

    Please add this css code to align the icon with the heading.

    .avia-icon-list .av-iconlist-empty .iconlist_title {
    margin-top: 0;
}

#top .avia-icon-list-container ul li {
    display: flex;
    align-items: center;
}

#top .avia-icon-list-container ul li .iconlist_icon {
    min-width: 64px;
}

    View post on imgur.com

    Best regards,
    Ismael

    August 27, 2025 at 8:03 am #1488592

    Topic: A text field opens in the browser.

    in forum Enfold
    schweg33
    Participant

    I have created a test installation here.
    I have the same problem on other pages!
    Link below: 1
    After logging into WordPress, you can enter this link below: 2 in your browser.
    I have already completed this test.
    The problem is that when I want to refresh this page, a text file opens in the browser that looks like this: (below)
    Normally, the program should just refresh, right?
    The same thing happens when I simply click on “Änderungen Speichern” again.
    In the browser window, I can then simply click on “Back” at the top.
    I hope you understand what I mean. I don’t know what to do here anymore.
    Thank you.
    Best regards,
    Franz

    August 27, 2025 at 7:45 am #1488587

    In reply to: Fine tuning CF7 for Iphone – IOS

    Ismael

    Hi,

    Thank you for the update.

    Please try to update the modification with the following css:

    #top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area, .wpcf7 input[type=date] {
    -webkit-appearance: none;
    width: 100%;
    margin-bottom: 0;
    display: inline;
    min-width: 50px;
    padding: 13px;
    border-radius: 2px;
    border: solid 1px #e1e1e1;
    background: none;
}

    Let us know the result.

    Best regards,
    Ismael

    August 27, 2025 at 7:37 am #1488586

    In reply to: Size of the image element in a grid row // Größe des Bildelements

    Ismael

    Hi,

    Thank you for the update.

    1.) The selector would be “#top .avia-image-container.customclass .avia-image-container-inner img” since the custom class is applied to the parent container.

    2.) Set the margin to “0 auto” to align the image to the center.

    #top .avia-image-container.customclass .avia-image-container-inner img { 
    margin: 0 auto; 
}

    View post on imgur.com

    Best regards,
    Ismael

    August 27, 2025 at 6:53 am #1488583

    In reply to: Tab section content being cut off

    Ismael

    Hi,

    To correct the display on desktop view, please add this css code:

    .av-layout-tab-inner .container {
    max-width: 100vw;
}

    Make sure to add this before the previous css code above.

    Result:

    View post on imgur.com

    Best regards,
    Ismael

    August 26, 2025 at 9:08 pm #1488562

    In reply to: Column Rows Same Height

    Mike

    Hi,
    Try:

    #top .av-special-heading.locationscolumn {
    min-height: 95px;
}

    If this doesn’t help, please add the “locationscolumn” class so we can examine.

    Best regards,
    Mike

    August 26, 2025 at 8:48 pm #1488556

    In reply to: Updating very outdated theme

    Rikard

    Hey Otto,

    The update to 7.1.2 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

    August 26, 2025 at 7:28 pm #1488553

    In reply to: Tab section content being cut off

    lauragale2020

    Hi, desktop view is also being effected. This code says only mobile and tablet…

    August 26, 2025 at 5:33 pm #1488546

    In reply to: No Logo in Header and a title instead

    Guenni007

    you can use f.e. the filter: avf_logo_final_output
    using the settings on bloginfo and the page-title

    function use_text_logo_only($logo){
$link = apply_filters( 'avf_logo_link', home_url( '/' ) );
$logo_tag = "h1";
$logo_heading = "Your Text for Logo";
$alt = get_bloginfo( 'name' );    
$title = get_bloginfo( 'name' );
$page_title = get_the_title();

if(is_front_page()){
 $logo = '<a class="logo text-logo" href="'.$link.'" alt="'.$alt.'" title="'.$title.'"><'.$logo_tag.'>'  .$logo_heading.'</'.$logo_tag.'></a>';
}
else{
  $logo = '<a class="logo text-logo" href="'.$link.'" alt="'.$alt.'" title="'.$page_title.'"><'.$logo_tag.'>'  .$logo_heading.'<span class="page-title"> - '.$page_title.'</span></'.$logo_tag.'></a>';
}
return $logo;
}
add_filter('avf_logo_final_output','use_text_logo_only');

    you see that here are some conditionals
    here the front-page shows only the bloginfo – all other pages both blog-info and page-title

    fit it to your needs .

    Some css will finish the setting then – but it will be best to see the page it belongs to.

    f.e.

    #top .logo.text-logo  {
  height: auto;
  display: block;
  margin: 0 !important;
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
}

#top .logo.text-logo h1  {
  margin: 0 !important;
  font-size: 42px;
}

    see here example: https://basis.webers-testseite.de/

    there had to be some adjustments for responsive styling – because i will change it after you have seen the page – i do not want to do that.

    August 26, 2025 at 6:27 am #1488525

    In reply to: Fine tuning CF7 for Iphone – IOS

    Ismael

    Hey Chris,

    Thank you for the inquiry.

    What happens when you add this css code?

    #top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area {
    -webkit-appearance: none;
}

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings, then purge the cache to make sure that the changes take effect.

    Best regards,
    Ismael

    August 26, 2025 at 6:20 am #1488524

    In reply to: problem with theme

    Ismael

    Hey Hugo,

    Thanks for reaching out. Please continue here: https://kriesi.at/support/topic/couloirs-are-changing-by-them-self/

    Best regards,
    Ismael

    August 26, 2025 at 5:50 am #1488517

    In reply to: Tab section content being cut off

    Ismael

    Hey lauragale2020,

    Thank you for the inquiry.

    Adding this css code should help limit the content within the tab section element.

    /*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .av-layout-tab-inner .container {
      width: 100vw;
      max-width: 85%;
      margin: 0 auto;
  }
}

    Result:

    sc

    Best regards,
    Ismael

    August 26, 2025 at 5:42 am #1488516

    In reply to: Column Rows Same Height

    Ismael

    Hey lauragale2020,

    Thank you for the inquiry.

    Since the sizes of the images and the button element are the same, and only the content or the Special Heading element varies in height, try applying a Custom CSS Class to the Special Heading elements, then set a minimum height using custom css.

    Example without a custom css class:

    #top .av-special-heading {
    min-height: 95px;
}

    sc

    Let us know if you need more info.

    Best regards,
    Ismael

    August 25, 2025 at 7:44 pm #1488499

    Topic: Tab section content being cut off

    in forum Enfold
    lauragale2020
    Participant

    HI, the content for my tab sections are getting cut off on desktop and mobile. I have attached screenshots.

    August 25, 2025 at 8:54 am #1488483

    In reply to: Replacing the cookies icon with another icon

    Ismael

    Hi,

    Thank you for the update.

    You can use this css code to adjust the color of the scroll up icon:

    #scroll-top-link.avia_pop_class {
    font-size: 30px;
    color: #1acbbc;
}

    Best regards,
    Ismael

  • Author
    Search Results
Viewing 30 results - 901 through 930 (of 142,833 total)
1 2 3 … 30 31 32 … 4,760 4,761 4,762