Forum Replies Created

Viewing 30 posts - 1,831 through 1,860 (of 11,692 total)
  • Author
    Posts
  • I think you need to be more specific about your plan so that we can give you some advice.
    Which data should be accessed and what should be achieved in each case?

    in reply to: Infinite scroll #1427490

    have a look at this – maybe it is still working:
    https://kriesi.at/support/topic/quick-way-to-add-infinite-scroll/#post-681490

    in reply to: insert javascript #1427445

    hm ?

    some thoughts on custom scripts via functions.php

    you can do that:

    function custom_script(){
    ?>
    <script type="text/javascript">
    (function($) {
      $(window).on('load', function(){
        $('.open-popup-link').trigger('click');
      });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'custom_script');

    Maybe – i think it will be enough to just wait til DOM is loaded and not the whole page
    so this could therefore be sufficient

    function custom_script(){
    ?>
    <script type="text/javascript">
    window.addEventListener("DOMContentLoaded", function () { 
    	(function($) {
    	    $('.open-popup-link').trigger('click');
    	})(jQuery);
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'custom_script');

    But
    did you really got that class on the anchor?
    Lets say you got a button as trigger for the inline popup loading. And you gave a custom class to that button element – the class will be at the button wrapper – not the anchor!

    so the selctor must be different:

    function custom_script(){
    ?>
    <script type="text/javascript">
    window.addEventListener("DOMContentLoaded", function () { 
    	(function($) {
    	    $('.open-popup-link a').trigger('click');
    	})(jQuery);
    });
    </script>
    <?php
    }
    add_action('wp_footer', 'custom_script');
    in reply to: body font very small #1427436

    unter Allgemeines Styling – gibt es den Tab ganz am Ende: “Typography”. ( vielleicht sollte man das im deutschen dann doch Typografie nennen)
    dort den ersten Switch mal umlegen und das gewünschte dann setzen:

    in reply to: Difference in size for transparent and non-transparent logo #1427433

    it’s ok for me – the css code is now not in there ( earlier when I looked he was inside ) – and the one logo on privat is now again bigger than in the other page.

    but now to synchronize it is only:

    span.logo.avia-standard-logo {
      padding: 10px !important;
    }
    in reply to: insert javascript #1427431

    keep in mind that the

    jQuery(window).load(function(){
    

    is deprecated, you now have to use:

    jQuery(window).on('load', function(){
    

    I am always happy when the solution is in place – but there is no feedback at all. ;)
    OK – seems to be solved.

    in reply to: font styling isn’t working #1427344

    again – if the belgium domain with your nick is the page you are talking about: i do only see an open-sans font uploaded. – No Montserrat.
    If you hamper google font support by the theme on GDPR reasons (DSGVO) in the functions.php the choice of the Montserrat Font from Drop-Downlist (except the fonts on the bottom: uploaded fonts ) will have no effect.

    in reply to: 100% width video background in color section #1427239

    what kind of link did you enter on the input field?
    try : https://www.youtube.com/watch?v=_Xbn6nNAIwc

    i think the black bars are part of your video itself.
    the video only got 2:3 aspect ratio

    see here your video – croped to a 16/9 video :
    https://webers-testseite.de/responsive-bg-video/

    ( i will remove it after you have seen the issue)

    • This reply was modified 1 year, 10 months ago by Guenni007.
    in reply to: font styling isn’t working #1427235

    The drop-down menu at Advanced styling to choose the font that should be loaded – did you scroll to the bottom of that list and choose your Montserrat Font from there?
    the manual uploaded Fonts are placed at the end of the drop-down list!
    ________
    btw. is that .be page the page it concerns? – i do not see any uploaded Montserrat there.

    on the one installation you got :

    span.logo.avia-standard-logo {
      padding: 10px !important;
    }
    span.logo a img {
      padding: 10px;
    }

    two times padding. The privat installation does not have that setting.

    in reply to: How to hide theme version and name? #1427231

    put this to your child-theme functions.php:

    add_filter('avf_debugging_info', 'remove_debugging_info', 10, 1);
    function remove_debugging_info($info) {
    return false;
    }
    in reply to: Masonry no entries fallback #1427137

    on my test environment – this is standard behavior.
    if there are no entries there is no masonry shown.
    Only an element ( here it is a heading ) got the class: el_before_av_masonry_entries

    in reply to: overlay #1427130

    i recommend to use now the svg dividers – instead of the slanted option for the color sections.
    the slanted option is only available for bottom styling.
    The svg dividers you can set both top and bottom for the same color-section
    _________

    for that behavior the parallax settings are set on the last tab (advanced) of the elements (columns)
    I recommend not to set the first option (Parallax – default setting – used for all screen sizes (no media query)) and start with the next two options on Parallax Rules. ( And for the Column Position this is the same recommendation.)
    Parallax – for large screens (wider than 990px – Desktop)
    Parallax – for medium sized screens (between 768px and 989px – eg: Tablet Landscape)

    for mobile devices with narrow screen widths, it often makes no sense to set a parallax effect, as you hardly notice the background anyway.
    Parallax – for small screens (between 480px and 767px – eg: Tablet Portrait)
    Parallax – for very small screens (smaller than 479px – eg: Smartphone Portrait)

    in reply to: header widget #1427129

    2) Under Widgets – did you create a widget area : header ?
    Your code alone is not enough, the snippet only assigns the widget area position in the DOM.

    1) I don’t think the fact that a child theme is used here has anything to do with it. There can be many reasons. It starts with the hoster, or certain htaccess settings could also be responsible. Some security plugins can also be a reason.

    PS : how was the child theme created? Is it the one provided by Enfold – or a manually created version?

    in reply to: show background on password page #1427113

    sadly there is no class for those pages that are password protected – so maybe it is only possible to use the page-id of those pages.

    #top.page-id-15240 .container_wrap.container_wrap_first {
      background: url(//dorfgeschichte.li/wp-content/themes/enfold/images/background-images/floral-dark-compressed.png) !important;
      background-repeat: repeat;
    }

    but: because you set the background to all pages ( except the home page ) to wrap_all container – you only need to get rid of the backgrounds overlaying this:

    #top.page-id-15240  #main,
    #top.page-id-15240 .container_wrap.container_wrap_first {
      background: transparent !important;
      min-height: 75vh
    }
    in reply to: slider above the password entry? #1427109

    if both sliders are determined by their alias – you can try that with one function too. Both i guess will work:

    
    add_action( 'ava_after_main_container', 'rev_slider_mod', 10 );
    function rev_slider_mod() {
    	if ( is_page(15240) ) {
    		echo do_shortcode('[rev_slider alias="bereich-vorstand"][/rev_slider]');
    	}
    	if ( is_page(2959) ) {
    		echo do_shortcode('[rev_slider alias="bereich-mitglieder"][/rev_slider]');
    	}
    }

    for color try in quick css:

    #top .rs-parallax-wrap .rs-layer {
      color:  yellow !important;
    }

    You have mistakenly assumed that deactivating the mode (on Maintenance Mode) will also reset the setting at the bottom (Select Maintainance Mode Page). If this were technically possible, it would be a good thing. However, you must first reset the page to the default value, which is “Select page” (and that means no page is selected) – only then you should set the checkbox at the top to unchecked (Disable Maintainance Mode).
    That’s why I set the numbering in the drawing.

    1) first disable the page you choose
    2) then disable the Mode

    oh wow – long time ago
    ps on that given example page there are both versions – on top : showing the bg-image of that weekday
    on bottom randomized.

    by the way: here it is for the seasons:

    function scheduling_per_season(){
    if(is_page(39621)){
    ?>
    <script>
      var currentTime = new Date();
      var month = currentTime.getMonth() + 1;
      var imglocation = "/wp-content/uploads/season-images/";  // put the images in this folder
    
    	switch(true) {
    		case (month >= 6 && month <= 8):
    			var seasonImg = "summer.jpg";
    			var season = "summer";
    			break;
    		case (month >= 9 && month <= 11):
    			var seasonImg = "fall.jpg";
    			var season = "fall";	  
    			break;
    		case (month == 12 || month == 1 || month == 2):
    			var seasonImg = "winter.jpg";
    			var season = "winter";
    			break;
    		default:
    			var seasonImg = "spring.jpg";
    			var season = "spring";
    	}
      	document.getElementById('changed_on_season').style.backgroundImage = 'url(' + imglocation + seasonImg + ')';
    	document.body.classList.add(season);
    	document.getElementById('changed_on_season').getElementsByClassName("av-special-heading-tag")[0].textContent = "It is "+season+""; 
    	
    </script>
    <?php
    }
    }
    add_action('wp_footer', 'scheduling_per_season');

    see: https://webers-testseite.de/season-scheduling/

    Are you looking to your domain as logged-out user?
    ________
    Or have I misunderstood your question and it remains active – even though the mode is disabled?
    Then it is probably the case that you first have to remove the page that was originally selected there (i.e. set it to the “select Page” ( ) and then deactivate the mode. Like Mike mentioned above.

    • This reply was modified 1 year, 10 months ago by Guenni007.
    • This reply was modified 1 year, 10 months ago by Guenni007.
    in reply to: Password protected post image in masonry not displayed #1426935

    And you did already what Ismael said: “Look for this block of code around line 948, and remove it. ” ?

    in reply to: Password protected post image in masonry not displayed #1426921

    you now got under the folder: config-templatebuilder two folders ( one for legacy case – and a default one )
    you now find those files under:
    /enfold/config-templatebuilder/avia-shortcode-helpers/class-avia-masonry.php ( the lines are : 1244 ff)
    and
    /enfold/config-templatebuilder/avia-shortcode-legacy/av-helper-masonry.php ( lines : 978ff )

    don’t know if it is needed to edit both – i think it will be enough to edit only the first one.

    in reply to: Google search results show ‘Untitled’ #1426873

    Have you ever thought about displaying a real clock in the logo?
    see: https://weber.tips/clock/

    in reply to: How to insert line with own icon #1426850

    Or if it only affects a few icons and it is therefore not worth uploading your own font icon set, you can also swap the icon via a user class and using css.
    The advantage could then also be that multi-colored icons are possible.

    First case: you see a different html-entity f.e. here: https://www.toptal.com/designers/htmlarrows/
    then you can replace that content directly:
    my custom class is in this case: my-separator-icon

    #top .my-separator-icon .av-seperator-icon:before {
      content: "\00A7";
      font-size: 40px;
    }

    next colored icons:
    my custom class is in this case: my-colored-separator-icon

    #top .my-colored-separator-icon .av-seperator-icon:before {
      content: "";
      display: inline-block; 
      position: relative;
      width: 40px;
      height: 40px;
      background: url(/wp-content/uploads/webers-globe1.svg);
      background-size: contain;
      background-repeat: no-repeat;
    }

    see: https://webers-testseite.de/separator-icons/

    in reply to: Change the font of the blog posts widget title #1426847

    i had to see the page it concerns.
    if it is similar to this:
    https://kriesi.at/themes/enfold-2017/blog/blog-multi-author/ or
    https://kriesi.at/themes/enfold-2017/blog/

    Or do you mean the single blog post? – it only differs in the heading tag ( h1 or h2 ) so this might work on both cases:

    #top .template-blog .post-title.entry-title {
      font-family: "Times" !important;
    }
    in reply to: Shrinking side bar menu #1426688

    yes – now it works well. so do not change now your setting.
    but keep in mind that svgs are a mighty image format – you can influence from outside by css. And often much smaller in file-size and with maximum sharpness.

    PS: if your Logo could be changed a bit – ( like i do ) it would be nice to easier identify the “plant” as the missing “i” in Griegos.
    We as layout-savvy users see this immediately, but a normal visitor to the site may not.

    in reply to: Shrinking side bar menu #1426680

    the point is that logo.hide() will hide the whole anchor. ( including the alt-logo)
    you had to be more specific in your selector

    btw. i would work with an svg logo ( you know your fonts ( Dante and Tribute) so you only had to vectorize the “i” plant.
    i would place both parts in that svg – like this ( where the plant part is set to opacity: 0 from the beginning – only here to see where it is and what dimension it could have.)

    the rest is easy then – you can influence and animate the show and hide of the svg parts by ID:

    https://weber.tips/

    in reply to: Hide footer for smartphones #1426591

    if you like to hide it only for real mobile devices ( and not for all small screens ) you can use that class – enfold added to the document ( html ) for mobile devices: avia_mobile

      .responsive.avia_mobile #footer,
      .responsive.avia_mobile #socket {
        display: none;
      }

    and if you like to allow for “mobile Devices” with big screens tablets etc. (ipad…) use a combination of both.

    @media only screen and (max-width: 767px) {
      .responsive.avia_mobile #footer,
      .responsive.avia_mobile #socket {
        display: none;
      }
    }
    in reply to: Shrinking side bar menu #1426588

    i’m so sorry – i pasted only the function above that i tested on the demo pages with developer tools.
    i forgot to wrap it as Mike said for the child-theme functions.php.
    ________

    See how a test on dev tools work with script :
    Just open the console and enter the function you like to test. Return – and test

    click the gif to see the video:

    in reply to: Shrinking side bar menu #1426561

    try to modify this to your needs:

        (function($) {
            $(document).ready(function () {
                if (window.innerWidth > 989) {
                    var header = $('#header');
                    var main = $('#main');
                    var burger = $('.html_header_sidebar #top div .av-burger-menu-main');
                    var footer = $('.html_header_sidebar.html_header_left .av-curtain-footer.av-curtain-activated .av-curtain-footer-container');
                    var menu = $('.responsive.html_header_sidebar #header .av-main-nav > li').not('.av-burger-menu-main, .av-active-burger-item');
    
                    $(window).scroll(function () {
                      if ($(this).scrollTop() > 200) {
                        burger.show();
                        menu.hide();
                        header.css({'width': '120px', 'transition': 'all 1s ease'});
                        main.css({'margin-left': '120px', 'transition': 'all 1s ease'});
                        footer.css({ 'width': 'calc(100% - 120px)', 'margin-left': '121px'  });
                      } else {
                        menu.show();
                        burger.hide();
                        header.css({'width': '300px', 'transition': 'all 1s ease'});
                        main.css({'margin-left': '300px', 'transition': 'all 1s ease'});
                        footer.css({ 'width': 'calc(100% - 300px)', 'margin-left': '301px'  });
                      }
                    });
                } 
              });
        })(jQuery);

    and you had to find a solution for the opened hamburger then yourself. trying to find a solution for paddings on the hamburger ul
    and – because of the new existing place for main some alb elements are not willing to go with that. F.e. on : https://kriesi.at/themes/enfold-photography/blog/ i can see in developer tools that there wasn’t a recalculation on masonry styles. And you had to find a way to close the hamburger menu when scrolling back to top position.

Viewing 30 posts - 1,831 through 1,860 (of 11,692 total)