Forum Replies Created

Viewing 30 posts - 4,831 through 4,860 (of 11,984 total)
  • Author
    Posts
  • in reply to: Image shake on Safari #1286579

    Why is it fixed on safari and on other browsers not – there it scrolls.
    Safari is one browser that can not handle good the css with background-attachment : fixed.
    there are workarounds here on board – to set the background-attachment : scroll and place a pseudo-container with the inherited image as background and place the pseudo-container on position : fixed

    Edit – may i ask you why you had to work with the slider? and not with a 100% color-section. this Element is not so performance intensive.
    have a look at: https://webers-testseite.de/jaime/ – with safari

    /*********** Safari Fix for background-attachment: fixed  **************/
    /********* give a custom-class to the color-section:   bg-fixed  ***********/
    /***** Set the image to background-attachment : scroll and :  **********/
    
    .avia-section.bg-fixed  {
    	-webkit-clip-path: inset(0 0 0 0);
    	clip-path: inset(0 0 0 0);
    	background-size: 0 !important;
    	overflow: hidden;
    	position: relative;
    }
    
    .avia-section.bg-fixed:before {
      background-image: inherit !important;
      background-repeat: inherit !important;
      background-size: cover;
      background-position: inherit;
      content: "";
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: -1 !important;
      pointer-events: none;
      will-change: transform;  /*** if you got more than 3 images like this - comment this out ***/
    }
    in reply to: 2021 Enfold Theme Solution: 6-Columns in Footer #1286576

    well if you got no child-theme the place to insert this is just before ( around line 831):

    require_once( 'functions-enfold.php');
    

    in functions.php there is a comment for that place:

    /*
     *  register custom functions that are not related to the framework but necessary for the theme to run
     */
    put it in here
    

    my advice is definitly to have a child-theme for enfold – all those nice snippets here from board are very easy to handle then – and are not lost on theme-update: https://kriesi.at/documentation/enfold/child-theme/

    in reply to: 2021 Enfold Theme Solution: 6-Columns in Footer #1286575

    maybe 6 columns break to one column is a bad responsive behavior – so go and flex the layout for it f.e.:
    in quick css:

    #footer .container {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
    }
    
    #footer .flex_column {
      width: unset !important;
      flex: 0 1 14%;
      margin-left: 0;
    }
    
    @media only screen and (max-width:1249px) {
    	#footer .flex_column {
    	  width: unset !important;
    	  flex: 0 1 30%;
    	}
    }
    
    @media only screen and (max-width:989px) {
    	#footer .flex_column {
    	  width: unset !important;
    	  flex: 0 1 50%;
    	}
    }
    
    @media only screen and (max-width:767px) {
    	#footer .flex_column {
    	  width: unset !important;
    	  flex: 0 1 100%;
    	}
    }
    in reply to: 2021 Enfold Theme Solution: 6-Columns in Footer #1286573

    if you are working with a child-theme add this to your child-theme functions.php:
    it will work without any other changings – because in footer.php there is allready a case 6: ;)

    
    function my_avf_option_page_data_change_elements( array $avia_elements = array() ){
      /*** Example: Customize "Footer Columns Count" array*/
      $slug = "footer";
      $id   = 'footer_columns';
      $index = -1;
      /** Find index of element to change*/
      foreach( $avia_elements as $key => $element ){
        if( isset( $element['id'] ) &&  ( $element['id'] == $id ) && isset( $element['slug'] ) && ( $element['slug'] == $slug ) ){
          $index = $key;
          break;
        }
      }
      
      /** * If key not found, return unmodified array*/
      if( $index < 0 ){ return $avia_elements;}
      
      /*** Make your customizations*/ 
      $avia_elements[ $index ]['subtype'] = array(
                __('1', 'avia_framework') =>'1',
                __('2', 'avia_framework') =>'2',
                __('3', 'avia_framework') =>'3',
                __('4', 'avia_framework') =>'4',
                __('5', 'avia_framework') =>'5',
                __('6', 'avia_framework') =>'6'
              );
      return $avia_elements;
    }
    add_filter( 'avf_option_page_data_init', 'my_avf_option_page_data_change_elements', 10, 1 );
    in reply to: Shrinking of header – Amount – An Info #1286555

    what enfold version have you installed.
    what WordPress Version is it.
    since Wp 5.6 there is jQuery 3.5.1 – but newest Enfold (since 4.8) this should be no problem anymore

    in reply to: Surpress / disable Tooltip #1286547

    yes and did you try that ( above the post was for a specific postid )
    You had to change it to your selector

    have a look if this works – then we can go and make it more specific to your needs:

    function remove_title_attr(){
    ?>
    <script>
    (function($) {
    	$(window).on('load', function(){
    		$('#wrap_all a').removeAttr('title');
    		$('#wrap_all img').removeAttr('title');
    	});
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'remove_title_attr');
    in reply to: Surpress / disable Tooltip #1286532

    ok – you mean this enfold feature ( yellow underlined in the image) not the tooltip ( red-underlined)

    in reply to: Surpress / disable Tooltip #1286522

    the tooltip over links and images are not influenced by enfold – these are fundamental Settings of browsers to show a tooltip if a title tag is present.

    You can remove the title attribute – but is it advisable to do so from an SEO point of view?
    Put this to your child-theme functions.php:

    function remove_title_attr(){
    if(is_single(29041)) {
    ?>
    <script>
    (function($) {
    	$(window).on('load', function(){
    		$('#wrap_all a').removeAttr('title');
    		$('#wrap_all img').removeAttr('title');
    	});
    })(jQuery);
    </script>
    <?php
    }
    }
    add_action('wp_footer', 'remove_title_attr');

    hey mike you can find here account info: https://kriesi.at/support/topic/customized-lightbox-markup/#post-1286046

    I had understood him/her to mean that different ALB elements should form a gallery with images in a common lightbox. Also the images that were inserted in a text box, for example.

    in reply to: How to change the accordion's toggle into H2 or H3? #1286381

    Yes – and you have done it the right way – and i can see it:
    click to enlarge:

    sorry – just brainstorming to exclude files of a gallery from that group

    • This reply was modified 4 years, 11 months ago by Guenni007.

    can you try to give to all images on a parent element one combined class.
    F.e. group1
    i tested it on a simple slider and textblocks in one color-section with custom class : group1
    ( you can give the custom-class to the alb-elements too – as long as the grouping class is on a parent element of the image with lightbox-added )
    then put this to child-theme functions.php:

    function popup_in_one_group() { 
    ?>
    <script type="text/javascript">
    (function($){
      $(window).on('load', function(){
    	$('.group1').magnificPopup({
    		delegate: 'a.lightbox-added',
    		type:'image',
    		gallery:{enabled:true},
    	}); 
      });
    })(jQuery);
    </script>
    <?php 
    }
    add_action('wp_footer', 'popup_in_one_group');

    On some alb elements f.e. gallery you have no choice to define the lightbox effect selectively on each image. you only have the decision if or if not.

    Please do the update to 4.8.1

    in reply to: How to change the accordion's toggle into H2 or H3? #1286235

    on the toggles.php there is no filter set : avf_customize_heading_settings like in some other alb elements.
    There is for those alb elements a little snippets to change it in this way – but for toggles.php you can have a child-theme toggles.php and edit that line to have a heading tag instead.
    on 4.8.1 it is line 974 and closing tag is on 975

    $output .= '        <h3 data-fake-id="#' . $toggle_atts['custom_id'] . '" class="toggler ' . $titleClass . $inherit . '" ' . $markup_title . ' ' . $colors . ' ' . $hover_styling_markup . ' role="tab" tabindex="0" aria-controls="' . $toggle_atts['custom_id'] . '">' . $toggle_atts['title'] . '<span class="toggle_icon" ' . $icon_color . '>';
    $output .= '        <span class="vert_icon"></span><span class="hor_icon"></span></span></h3>';

    And for SEO purpose this will be the best way.
    to have child-theme edited alb elements see docu: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb

    A jQuery could change them all at once too – but on SEO this might be not the best solution.

    in reply to: Translate value of © in theme options (WPML) #1286234

    and how did you manage it ?
    Perhaps other participants can do what their role here on the board expresses: participate. ;)

    in reply to: What has been changed on 4.8.1 #1286213

    Thanks – driving the changes I made to some ALB elements with each update is obviously time consuming. So it is always important for me to know if these elements have changed or not.
    However, with such a quick fix, I suspected that very little had changed.

    in reply to: How to insert a custom PNG as section divider #1285869

    if it is a png – i guess it has transparency – where is that transparency? on top or on bottom ?
    you can see how to have mutliple backgrounds on a container – : see on section-4 how a png (white/transparent) bilds a divider to next section:
    https://webers-testseite.de/multiple-background-images/#av_section_4

    in reply to: brauche DRINGEND Hilfe bei der Consulting (Vorlage) #1285538

    Da wo du auch sonst das Menu bearbeitest.
    Im Dashboard – Appearance – Menus
    Du musst dann nur daran denken auch ein Menu zum Enfold Hauptmenu zu deklarieren:

    in reply to: Startpage of WPML Translation are different #1285364

    sorry Michael – no private Content for me – i’m participant as you are – with sometimes good ideas.

    in reply to: Update 4.8 crashed #1285362

    on your ftp tree structure there is something like this:

    in reply to: Update 4.8 crashed #1285353

    i can reach your site

    btw: why delete it – just rename the old enfold folder and upload a new one

    https://kriesi.at/support/topic/some-hints-and-advice-to-update-enfold/#post-1056107

    Nächste Anmerkung:
    Ein sehr schönes Plugin, welches eine automatische Siilbentrennung mit einem etwas anderem Algorithmus beinhaltet ist: Hyphenator ( Arnold Schwarzenegger läßt grüßen )
    Ist aber performance intensiv und sollte nicht auf die Komplette Webseite genutzt werden. Obwohl es nun schon 5 Jahre nicht mehr aktualisiert wurde läuft es noch immer. Eventuell findet man auf dem dort genutzten Algorithmus mittlerweile akutellere Programme.

    Ich begnüge mich mit der manuellen Setzung und dem Plugin von Günter. Es ist übrigens so ziemlich die einzige Chance Zeichen wie größer, kleiner, größer-gleich etc oder eckige Klammern einzusetzen. Denn diese werden sofort als tags interpretiert, was teilweise sogar die ganze Seite sprengt.
    ______________

    Next comment:
    A very nice plugin, which includes an automatic hyphenation with a slightly different algorithm is: Hyphenator ( Arnold Schwarzenegger sends his regards ).
    But it is performance intensive and should not be used on the complete website. Although it has not been updated for 5 years now, it still runs. In the meantime, it may be possible to find more up-to-date programmes on the algorithm used there.

    I am content with the manual setting and the plugin from Günter. By the way, it is about the only chance to use characters like greater than, less than, greater-than etc or square brackets. Because these are immediately interpreted as tags, which sometimes even blows up the whole page.

    Manuelle bedingte Textumbrüche gibt es in vielen Layout Programmen, und soweit ich weiß, auch Word hat soetwas im Programm.
    Die automatische Silbentrennung in Browsern funktioniert zwar, ist sogar viel besser geworden, aber selbst die Trennung gemäß Duden ist leider nicht immer schön zu nennen – orthographisch richtig aber unschön.
    Ich war überrascht wie dudenkonform die Browser (Test erfolgte mit Firefox) zB: “Aufmerksamkeitsdefizit-Hyperaktivitätsstörung” das trennen.

    Nun der Ausweg – dear Rikard – ist bedingte Silbentrennungen manuell zu setzen : softhyphen – daher auch das html entity: &s hy; (&shy; ) natürlich ohne leerstelle – aber die Boardsoft würde das wahrscheinlich sofort umwandeln.
    Leider ist es so, dass viele der ALB (Advanced Layout Builder) Element Eingabefelder die Funktion zwar erhalten, aber deren Sichtbarkeit im Backend obfuskieren.

    Eine Lösung ist das wunderbare Tool ( Plugin ) von Günter zu nutzen und um einige html entities zu erweitern. Ausserdem habe ich das Plugin von Günter dahingehend noch verändert nicht mehr 3# vor und nach dem Ersatzcode zu setzen sondern nur eines:
    Original File: auf Enfold Github
    Edited File : https://pastebin.com/RfmWQRvN

    Ist das Plugin aktiviert kann man dann statt : &shy; #shy# setzen.
    Diese Einsetzungen in Worten bleiben auch im Backend sichtbar erhalten und sind somit auch editierbar/verschiebbar etc.

    Das oben erwähnte Wort würde man als zB entsprechend setzen:
    Aufmerksamkeits#shy#defizit-Hyper#shy#aktivitäts#shy#störung

    ________________

    Manual conditional text breaks exist in many layout programs, and as far as I know, Word also has something like that in its program.
    The automatic hyphenation of browsers works, has even become much better, but even the separation according to Duden is unfortunately not always nice to call – orthographically correct but unattractive.
    I was surprised how the browsers (test was done with Firefox) separate e.g.: “Aufmerksamkeitsdefizit-Hyperaktivitätsstörung” in conformity with Duden.

    Now the way out – dear Rikard – is to set conditional hyphenation manually : soft hyphen – hence the html entity: &s hy; (&shy; ) of course without a space – but the boardsoft would probably convert that immediately.
    Unfortunately, many of the ALB (Advanced Layout Builder) element input fields preserve the function but obfuscate its visibility in the backend.

    One solution is to use the wonderful tool ( plugin ) from Günter and extend it with some html entities. In addition, I have the plugin from Günter still changed to no longer put 3# before and after the replacement code but only one:
    Original File: on Enfold Github
    Edited File : https://pastebin.com/RfmWQRvN

    If the plugin is activated you can then put #shy# instead of : &shy;.
    These insertions in words also remain visible in the backend and are thus also editable/moveable etc.

    One would set the word mentioned above as e.g. accordingly ( German long Word ):
    Aufmerksamkeits#shy#defizit-Hyper#shy#aktivitäts#shy#störung.

    in reply to: Changing easy slider Next and prev arrows #1285133

    open a text-block and insert an icon –
    or place the alb element Icon-box etc til you see this:

    hover the icon you like to have – you will see the charcode of that icon – remember that code ( but erase the u in it)
    PS: that backslash has on windows keyboard its own place and is often written to that Keyboard key. on mac OS it is a combination of ( Option – Shift – 7)

    then in css you can use it as:

    .custom-class {
    content: "\e881" ;
    font-family: "etoile";
    }

    Very nice

    yep

    in reply to: Column link not working with anchors #1284786

    sorry didn’t see that its external links ( or on different page)

    Thanks

    in reply to: Contact Form 7 unable to perform submit button #1284761

    you have set the acceptance button – that is absolutely the right way.
    Only if the acceptance : “Ich stimme der Datenschutzerklärung zu.” is marked the submit will work ;)

    Edit : ok it does not send – on page / tab2 of contact form 7 “Mail” have you any error messages? – because cf7 is very sensitive if the recipient address does not correlate with the domain.

    in reply to: change color caption title on slider #1284649

    but :

    .avia-slideshow .avia-caption .avia-caption-title { color: white !important; }
    

    That should work on easy slider – maybe it is a caching problem? Refresh the merged files etc.

Viewing 30 posts - 4,831 through 4,860 (of 11,984 total)