Forum Replies Created

Viewing 30 posts - 7,411 through 7,440 (of 11,475 total)
  • Author
    Posts
  • in reply to: Enfold Avia Cookie Consent #1014744

    Borlabs Cookie ist wirklich eines der wenigen, die wie ich finde dem Gesetz genügen.
    Es blockiert ( wenn man es will ) die komplette Seite zunächst mit einem Dark Overlay und dem Consent Fenster.
    Die Seiten zum Lesen der Datenschutzhinweise bzw. dem Impressum kann man freigeben.
    Trotzdem auch da glaube ich muss man noch Opt-In Verfahren setzen ( wie dies Enfold ja für GoogleMaps gemacht hat ) auch für die Videoeinbettung etc.
    Wie sowas gehen kann siehst du zB hier (rechts in dem Flyout zB die Youtube Filme) : https://webers-testseite.de/naeger/

    in reply to: Boxed content in grid row with fullwidth background #1014311

    it is always better to see a page than a screenshot.
    if you got a grid-row – you can force it to be the same way as a normal container.
    I use this often when i want to have nested containers.

    give to the grid-row a custom class: grid-notfull
    do this to your functions.php of your child-theme:

    function grid_layout_notfull(){
    ?>
    <script>
    (function($){
        $('.av-layout-grid-container.grid-notfull' ).wrap( '<div class="main_color notfullsize"></div>');
        $('.notfullsize').css({"clear": "both", "width": "100%" , "float": "left" , "position": "static" , "min-height": "100px" });
        $('.grid-notfull').css({"max-width": "1310px", "margin": "0 auto" , "padding": "0 20px"});
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'grid_layout_notfull');

    you have to adjust this line to your settings:
    $('.grid-notfull').css({"max-width": "1310px", "margin": "0 auto" , "padding": "0 20px"});
    ( the padding depends on the inner padding of the grid cells (on default it is 30px – so to come to the 50px left right … )
    you see what it does: it wraps the grid-container with a div that has the attributes of a color-section.
    it has on that the background-color on default from main_color – you can overwrite that with css

    in reply to: Use custom font icons in css :before selector #1014299

    get rid of the u _ it is indicated by the \

    .testclass:before {
      content: "\e801";
      font-family: "ifb_custom_font3";
    }
    in reply to: Close popop/modal using back button without changing url #1014192

    I’m not sure what you want to achieve.
    Do you have a link where I can have a look?

    do you mean by back button the darkend background besides the lightbox?
    there are alot of parameters you can set – but i have no clue what you try to achieve.
    http://dimsemenov.com/plugins/magnific-popup/documentation.html#key

    you can f.e. influence the
    closeOnBgClick
    by : false ( Close the popup when user clicks on the dark overlay )

    in reply to: Burger Menu No Scroll #1014189

    have you got a link for us?

    in reply to: IconBox custom code link has code for a different element #1014188

    i am a participant here like you, and i actually look regularly at the posts i have responded to, but sometimes contributors also take a lot of time to modestly express their positive or negative contribution. ( In most cases, however, only negative feedback is given. )
    That was not the case with you now, but there was a positive feedback, so I thought the case was done.

    in reply to: Parallax bug on Background Images (With Pictures) #1013943

    try to refresh all the caches – and in case you are merging css and js files (as in Enfold – Performance – these settings are enabled ) scroll down – there is “Delete old CSS and JS files?” and mark that field and save all changes.

    in reply to: IconBox custom code link has code for a different element #1013941

    this is something i really miss about the board software here: private messages.
    this would be very easy to solve if he could send me a message

    in reply to: IconBox custom code link has code for a different element #1013940

    i don’t know how this could happen ???
    Please download the iconbox again.

    https://pastebin.com/dl/ffF08Ws1

    these edited Alb elements gave you the ability to set up the h tag selection in the Alb element itself.
    If you want alway to replace all headings the whole site you can use this for replacing tags

    function replace_tags_with_tags(){
    ?>
    <script>
      (function($) {       
          function replaceElementTag(targetSelector, newTagString) {
            $(targetSelector).each(function(){
              var newElem = $(newTagString, {html: $(this).html()});
              $.each(this.attributes, function() {
                newElem.attr(this.name, this.value);
              });
              $(this).replaceWith(newElem);
            });
          }
        
          replaceElementTag( '.avia-slideshow.av_fullscreen h2.avia-caption-title' , '<h1></h1>' );
        
      }(jQuery)); 
    </script>
    <?php
    }
    add_action('wp_footer', 'replace_tags_with_tags');

    this code preserves all original attributes of the tag you want to replace and tranform it to the new surrounding tag.

    you can add more than this in the code semicolon separated
    just add it in this manner: replaceElementTag( 'tag to replace' , '<new tag></new tag>' );

    • This reply was modified 6 years, 9 months ago by Guenni007.

    you can not find the shortcodes – child-theme folder it has to be created by you.

    read carefully: https://webers-testseite.de/edited-enfold-alb-elements/

    so all you have to do is to create a folder called : „shortcodes“ in your child-theme folder
    and upload the downloaded files to that folder

    and you can see on top the folder structure.

    that is why the code you have to insert to your functions.php of your child-theme indicates the folder placement:

    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;
    }

    you see it is a folder directly in the child-theme folder

    in reply to: What is the correct size px by px for a video fallback image #1013765

    what do you believe could the answer be when your video got a16/9 aspect ratio? ;)

    a good approximation might be: 281px

    in reply to: concerning to resize functions and fullwidth logo #1013746

    thanks – can be closed.

    in reply to: concerning to resize functions and fullwidth logo #1013577

    yes – Yigit
    can you tell me the mentioned above:

    by the way : there must be an included debounce or throttle function on Enfold – how could we use it – for example with that function here?
    is it that on avia.js ? : $(window).on( ‘debouncedresize’, function (e) {

    in reply to: concerning to resize functions and fullwidth logo #1013296

    ok i put in the off (‘click’) :

    ( The smartresize is a debounce function i created for not always fireing)

    by the way : there must be an included debounce or throttle function on Enfold – how could we use it – for example with that function here?
    is it that on avia.js ? : $(window).on( 'debouncedresize', function (e) {

    function transfer_link_to_logo_container(){
    ?>
    <script type="text/javascript">
    (function($) {
    	var theLink = $('.logo a').attr("href");
    	$(window).smartresize(function () {
              if ($(window).width() > 767) {
    			$(".av-logo-container").addClass("clickme");
              		$(".av-logo-container").on("click", function(){
    		                window.location.href = theLink;
    		        });
               }
               else {
    			$(".av-logo-container").removeClass("clickme");
    			$(".av-logo-container").off('click');
    			}
            }).resize();
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'transfer_link_to_logo_container');

    ___________________________

    to whom it may be interesting – this is my little debounce function:
    Credits goes to : Paul Irish

    function add_debounce_function(){
    ?>
    <script>
    (function($,sr){
        var debounce = function (func, threshold, execAsap) {
            var timeout;
            return function debounced () {
                var obj = this, args = arguments;
                function delayed () {
                    if (!execAsap)
                        func.apply(obj, args);
                    timeout = null;
                };
                if (timeout)
                    clearTimeout(timeout);
                else if (execAsap)
                    func.apply(obj, args);
                timeout = setTimeout(delayed, threshold || 250);
            };
        }
        jQuery.fn[sr] = function(fn){  return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
    })(jQuery,'smartresize');
    </script>
    <?php
    }
    add_action('wp_footer', 'add_debounce_function');
    in reply to: concerning to resize functions and fullwidth logo #1013234

    i tried wiht var theLink outside the if clause and onload – no way
    i tried different codes like:

    function transfer_link_to_logo_container(){
    ?>
    <script type="text/javascript">
    (function($) {
        $(".av-logo-container").addClass("clickme");
    	$(window).on('load resize', function() {
    		if ($(window).width() > 767) {
    			$('.av-logo-container').click(function(){
    					window.location=$(this).find('.logo a').attr('href'); 
    					return false;
    			});
    		};
      	});
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'transfer_link_to_logo_container');


    it works on load but on resize the event which is set on wider screens does not go away on resize.

    in reply to: horizontal Gallery Title Fix #1013225

    ok – now i see : the image that goes to the lightbox is on that case the image on av-horizontal-gallery-link

    so it might only need to change the title on that :

    $('img.av-horizontal-gallery-img').each(function(){
                var lin = $(this).attr('alt');           
                $(this).next('.av-horizontal-gallery-link').attr('title',lin);
            });

    this line $(this).attr('title',lin); is obsolete – and only for hovering the highlighted horizontal gallery image needed
    thanks

    in reply to: horizontal Gallery Title Fix #1013223

    it works in so far all ok. But i wonder why the last line is neccessary:
    This works on gallery as i often use it :

    function gallery_title_fix(){
    ?>
    <script>
    (function($){
        $(window).load(function() {
          $('.lightbox-added img').each(function(){
                var lin = $(this).attr('alt');
                $(this).attr('title',lin);
            });
        });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'gallery_title_fix');

    why this line:
    $(this).next('.av-horizontal-gallery-link').attr('title',lin);

    did the trick and on gallery this is not needed?
    Anyway it runs now.

    in reply to: Can this be done with two buttons? #1013051

    this is my ALB setup for the example page:

    on your headline rotator – there is on top a tab “Animation” :

    there you can choose Rotation Animation: and then typewriter.
    On default there was a not so nice transition – i changed it in alb element – but it seems to work with css as well.

    .av-marked-text .av-rotator-text-single {
    background-color: transparent !important;
    }

    to get the carret bigger:

    .av-caret .av-rotator-text-single:after {
     border-right-width:8px;
    padding-left: 15px
    }
    in reply to: horizontal Gallery Title Fix #1013023

    is there a way to style the horizontal gallery a bit nicer on small screens?

    edit : i did it by showing the horizontal gallery only on screens larger than 768px
    on screens smaler there will be a masonry instead.

    in reply to: SVG Logo doesnt appear on front-end (again) #1012715

    i can see it too!

    by the way – if you open your svg file with a good text-editor (notepad++ on pc – or sublime-text on mac)
    and you add something to your “head” section of the svg : preserveAspectRatio="xMinYMin meet"

    so there will be:

    <?xml version="1.0" encoding="utf-8"?>
    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
    	 viewBox="0 0 220 61" style="enable-background:new 0 0 220 61;" preserveAspectRatio="xMinYMin meet" xml:space="preserve">

    and get rid of the generator comment – does not need that info on web ;)

    then your svg shrinks to top left position – now it will go to the right side on shrinking.

    in reply to: Can this be done with two buttons? #1012706

    i changed on headline_rotator.js the line 83ff to :

    //mark text
    _self.$current.css('background-color', 'transparent');

    i think this would be a better look

    in reply to: Can this be done with two buttons? #1012683

    that littel mini navigation on the buttons – will be hard to insert but the rest will be fine with ALB Elements .
    i would do it with a color-section with background-image and min-hight of 100%
    in it 1/4th 3/4th column – and in the 3/4 everything left aligned.
    1) a headline rotator
    2) a heading
    3) button row

    PS : dear Mods the transition from typewriter animation is bad styled – because the background goes from transparent to font color when rotation starts – why that? leave it transparent ! As in the example of park13
    see below typewriter animation!

    Result with fading see here: https://webers-testseite.de/park13/

    in reply to: how to change header tag for Icon List and Icon Box #1012483

    you need to put that on your live page, of course too. Upload there to shortcodes folder etc. pp.
    if you are migrating with duplicator or updraft that will be done by default.

    in reply to: SVG Logo doesnt appear on front-end (again) #1012202

    have you a link to your site ?

    in reply to: Checkbox in Kontakt einfügen #1012188

    and because i’m a lazy guy i have this in my functions.php of my child-theme:

    // beim Contact Form Element eine Erklärung des Asterisk "*" setzen.
    function add_declaration() { 
    ?>
    <script>
    (function($){
      $('form:not(#searchform) input[type="submit"]').before('<p style="text-align:right; text-decoration: overline; font-size:13px">Die mit <span style="font-size: 15px" class="required">*</span> gekenntzeichneten Felder sind Pflichtfelder.</p>')
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'add_declaration');

    looks this way : https://webers-testseite.de/kontakt/
    and Asterisk has alway the right color – same as the other asterisks

    in reply to: Iconbox href whole box #1011858

    hover effect ist jetzt ein wenig too much – oder .
    ist halt doppelt gemoppelt.

    Aber es klappt. Bis dann
    PS : ich bin kein Geheimniskrämer – unter meinem Avatar verbirgt sich meine Internetseite – respektive meine Kontaktdaten.

    in reply to: Iconbox href whole box #1011843

    Darfst auch gerne vorbeikommen :lol. vom Bonner zum Bonner ?

    Übrigens: du solltes deinem top-header search feld einen höheren z-index geben, auf der ebene wo die obere navigation liegt man das Eingabefeld nicht treffen kann- man muss schon ziemlich zirkeln um ins Eingabefeld zu kommen – daher:

    .av_phone_active_left .phone-info {
        z-index: 5;
    }
    in reply to: Iconbox href whole box #1011840

    if you want to give more than one custom class to an ALB Element just insert the two classnames behind each other with a space between:

    f.e.: plp-iconbox clickable

    in reply to: Iconbox href whole box #1011834

    That is for inserting the search form by adding shortcode [avia_search] for example to copyright notice or header_meta etc.

    The code should work! – if you gave to your icon-box the custom-class : clickable
    ( in the custom-class input-field insert without dot ! – so not .clickable )

    if you got the merging on Enfold / Performace on ! – you maybe have to refresh the css and scripts.

Viewing 30 posts - 7,411 through 7,440 (of 11,475 total)