Forum Replies Created

Viewing 30 posts - 4,501 through 4,530 (of 11,877 total)
  • Author
    Posts
  • in reply to: images in the search results page #1296241

    read carefully – my posts – if it works on my Enfold it should work on yours too:
    https://webers-testseite.de/?s=Wordpress

    in reply to: Change logo after scrolling #1296237

    Ok –

    in reply to: Change logo after scrolling #1296228

    if you are interested in that solution – just download the logo ( svg ) and we will find a satisfying solution.
    PS ( See mobile Solution aswell )
    If you will do that – it might be better either to have on the big logo a background behind the letters ( maybe semitransparent) – or to have a littel outline on the letters. Sometimes you got a light background – then the dark outline will be good to have – or you got a dark background- then the white letters have enought contrast.

    in reply to: Change logo after scrolling #1296150

    yes – thats what i like to see. This is a logo that could be easily created as svg ( vectorbased ) logo.
    You can move Groups in that svg separatly – and the trigger will be the class on header : header-scrolled.

    see here an example with your approximate logo ( man of tomorrow and avenir next ) and some changings on scrolled version.
    of course there is still some css code to be optimized – especially for the responsive case, but this is a possibility to change with one and the same logo portrait and landscape even animated.

    https://webers-testseite.de/g-parx/

    see here your logo : https://webers-testseite.de/g-parx-logo.svg

    look to the source code in your browser – you can see that i grouped the way we want to move parts of the logo:
    ( click to enlarge )

    in reply to: images in the search results page #1296149

    And your posts and pages all got featured images ?

    in reply to: lightbox and srcset #1296148

    Danke Dir, dann geht aber auch mein Script – ohne Probleme

    • This reply was modified 4 years, 8 months ago by Guenni007.
    in reply to: images in the search results page #1296082

    see here: https://kriesi.at/support/topic/show-featured-images-in-search-results-page/#post-805253

    and alternative – a little image inside the circle.

    in reply to: images in the search results page #1296077

    go and create a subfolder to your child-theme : includes
    put in the edited : loop-search.php

    you can see the edited element here: https://pastebin.com/KQYvfYhm
    download: https://pastebin.com/dl/KQYvfYhm

    only lines 33,34,35 are added

    Guess if the folder structure is similar to the parent folder structure – this will take effect immediately – otherwise try this:
    https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb

    The Rest is quick css styling.

    in reply to: Change logo after scrolling #1296049

    can i see your page – and the logo?

    you can follow this : https://kriesi.at/support/topic/responsive-table-not-listing-correct-row-style/

    on the bottom there is a css solution for that

    in reply to: Custom elements templates modify in all languages #1296006

    there is one possibility i see with enfold – but in your case you had to do that for each language.
    On content elements you got that alb element : page-content.
    If you place this element inside your pages – it will be synchronized whenever you edit that inserted page.

    i used this alb in former enfold versions to have a page as footer! But i do not know if this is what you are looking for.

    in reply to: Constrict size of a Grid Row #1295969

    so you got a different Enfold than me?
    You see on the example page that it works?
    have you a link for me to see what is the issue?

    in reply to: Constrict size of a Grid Row #1295956

    sorry Ismael – a grid-row with .container ? ;)
    The Grid-Row itself got that class: .container_wrap
    or do you see more info about the page – is it a grid-row he is talking about?

    i do not see his page – but even with that class adjustment he will have trouble if .main_color is set to something different than white.
    my solution for that is to wrap the grid-row in a container that has the attributes of a color-section.
    Just give the custom-class: grid-notfull to the grid-row element.
    The additional class – added by the script color1 is for custom color if you would like to deviate from the default setting.

    See example page – https://webers-testseite.de/grid-row-alb/

    • on top normal grid-row
    • in the middle : grid-row with that custom-class : grid-notfull
    • on the bottom : grid-row with only css setting ( set the .container_wrap to max-width )

    here is the little snippet for child-theme functions.php:

    function grid_layout_notfull(){
    ?>
    <script>
    (function($){
        $('.av-layout-grid-container.grid-notfull' ).wrap( '<div class="main_color notfullsize color1"></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 25px"});
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'grid_layout_notfull');

    adjust the grid-notfull class to your settings ( your container generall setting on Enfold Options)
    The padding has to be adjust too

    in reply to: hope you can find me a sollution for my problem #1295899

    and you do not have this on your WPML Settings ?

    The Menu Language Switcher : “Add a …
    Try that to get into main menu your switch.
    To get rid of the header_meta you got the right instruction :

    #header_meta .avia_wpml_language_switch {
        display: none;
    }
    in reply to: How to increase width of my website? #1295898

    do you have some quick css entries ? – find some errors there ( for example a missing closing bracket ) or some missing semicolon.
    ( Missing closing curly brackets are very common in media-query rules. )
    These settings you describe ( general layout -> Dimensions. ) comes after the quick css entries – so if there is an error on your quick css the following rules do not have any effect.
    You can also post your quick css here – but please use the code tag in the bar above.

    there must be a difference on your setting between these three videos.
    i can all embed them in a 2/3 column.: https://webers-testseite.de/portfolio/canopy/

    can you please do the following: erase the third video alb element and duplicate the second one.


    now there are again 3 video alb elements – open the last and only replace the video link to : https://vimeo.com/267273195

    and lets see what happens

    in reply to: Media library doesn't find uploaded mp4 file #1295890

    i can only strongly advise not to self-host videos of this size. Your server will go down if even one or two visitors to your site watch the video.

    This is one of the reasons for the existence of Vimeo, Youtube, etc.

    in reply to: How put two functional arrows in the Tab Section ? #1295868

    Gerne !

    in reply to: lightbox and srcset #1295867

    aber auch ohne eigenes markup

    in reply to: lightbox and srcset #1295865

    so leider noch nicht

    in reply to: Icon boxes #1295836

    if you have your icon boxes in a column (e.g. one icon box in each 1/3 column), imitate the complete icon box by moving the icon box over the edge of the column.
    See here ( on the bottom animated) how you can achive this. :

    https://webers-testseite.de/equal-height/

    you only have to colorize the background of the columns and make the whole iconbox transparent ( except the icons itself )

    in reply to: lightbox and srcset #1295808

    to complex for me now.

    in reply to: How put two functional arrows in the Tab Section ? #1295725

    or with ternary operators a little shorter:

    function ava_tab_section_arrows(){
    ?>
    <script>
    (function($) {
    $('.av-tab-section-container').each(function() {
    	$(this).find('.av-tab-section-outer-container').prepend("<div class='av-tabsection-navs av-tabsection-nav-prev'>&lang;</div><div class='av-tabsection-navs av-tabsection-nav-next'>&rang;</div>");
    	var arrowColor = $(this).find('.av-tab-section-tab-title-container').css('background-color');
    	$(this).find('.av-tabsection-navs').css('color', arrowColor);
    
    	var that = this;
    	$('.av-tabsection-nav-prev', this).on('click', function(){ 
    		var activeElement = $(this).closest('.av-tab-section-outer-container').find('.av-active-tab-title');
    		activeElement.prev().length ? activeElement.prev().trigger('click') : activeElement.siblings(":last").trigger('click');
    	});
    	$('.av-tabsection-nav-next', this).on('click' , function(){ 
    		var activeElement = $(this).closest('.av-tab-section-outer-container').find('.av-active-tab-title');
    		activeElement.next().length ? activeElement.next().trigger('click') : activeElement.siblings(":first").trigger('click');
    	});
    });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'ava_tab_section_arrows');
    in reply to: How put two functional arrows in the Tab Section ? #1295715

    by the way – loop these arrows
    if the first tab is shown and you click to the left side the last sibling tab is shown – rotation like in post navigation:

    function ava_tab_section_arrows(){
    ?>
    <script>
    (function($) {
        $('.av-tab-section-container').each(function() {
            $(this).find('.av-tab-section-outer-container').prepend("<div class='av-tabsection-navs av-tabsection-nav-prev'>&lang;</div><div class='av-tabsection-navs av-tabsection-nav-next'>&rang;</div>");
            var arrowColor = $(this).find('.av-tab-section-tab-title-container').css('background-color');
            $(this).find('.av-tabsection-navs').css('color', arrowColor);
    
            var that = this;
            $('.av-tabsection-nav-prev', this).on('click', function(){  
              if($(this).closest('.av-tab-section-outer-container').find('.av-active-tab-title').prev().length){
                $(this).closest('.av-tab-section-outer-container').find('.av-active-tab-title').prev().trigger('click'); 
              }
              else{
                $(this).closest('.av-tab-section-outer-container').find('.av-active-tab-title').siblings(":last").trigger('click');
              }
            });
    
            $('.av-tabsection-nav-next', this).on('click' , function(){ 
              if($(this).closest('.av-tab-section-outer-container').find('.av-active-tab-title').next().length){
                $(this).closest('.av-tab-section-outer-container').find('.av-active-tab-title').next().trigger('click');
              }
              else{
                $(this).closest('.av-tab-section-outer-container').find('.av-active-tab-title').siblings(":first").trigger('click');
              }
            });
        });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'ava_tab_section_arrows');
    in reply to: Icon Boxes & Read More on Blog #1295682

    yes and if you change content of hover it will do that too:

    .more-link:hover:after {
      content: "click";
      background-color: green;
      transition: all 0.5s ease;
    }
    in reply to: Icon Boxes & Read More on Blog #1295601

    try this only in quick css:

    .more-link {
      border: none !important;
    }
    
    .more-link::after {
      content: "Leia mais";
      display: block;
      width: 250px;
      height: auto;
      position: absolute !important;
      top: auto;
      bottom: 42px;
      background-color: #a22137;
      color: #fff;
      padding: 10px 0;
      margin: 30px auto 20px auto;
      border: 2px solid #fff;
      transition: all 0.5s ease
    }
    
    .more-link:hover:after {
      background-color: green;
      transition: all 0.5s ease;
    }
    in reply to: Icon Boxes & Read More on Blog #1295591

    and you did not check that only on your child-theme functions.php:

    function my_text_strings( $translated_text, $text, $domain ){
    switch ( $translated_text ){
        case 'Read more':  $translated_text = __( 'Leia mais', $domain ); break ;   //for more translations duplicate this line to the next one
      }
      return $translated_text;
    }
    add_filter('gettext', 'my_text_strings', 20, 3);
    in reply to: Icon Boxes & Read More on Blog #1295536

    the po – mo file ( both had to be edited)
    if you have changed the po file with poedit for example – the mo file is generated by that program by default – both files had to be uploaded.
    best would be to upload them into a subfolder of your child-theme – name it : lang

    then to use a child-theme lang file you had to put this in child-theme functions.php:

    function overwrite_language_file_child_theme() {
        $lang = get_stylesheet_directory().'/lang';
        return $lang;
    }
    add_filter('ava_theme_textdomain_path', 'overwrite_language_file_child_theme');

    but quick and dirty can be that solution – without the above said: ( give it a try )
    again this is placed in child-theme functions.php

    function my_text_strings( $translated_text, $text, $domain ){
    switch ( $translated_text ){
        case 'Read more':  $translated_text = __( 'Leia mais', $domain ); break ;   //for more translations duplicate this line to the next one
      }
      return $translated_text;
    }
    add_filter('gettext', 'my_text_strings', 20, 3);
    in reply to: change default caption from h2 to h1 on Easy Slider #1295478

    But you know that you can switch to h1 on the advanced tab of the slide itself – where you input the caption? :

    you can change the default heading to h1 on all sliders – because the filter is only in the av-helper-slideshow.php.
    So influence of that is for easy slider , full-width slider and full-screen slider aswell.

    this to child-theme functions.php:

    function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array() ){
      if( $context == 'avia_slideshow' ){
        $args['heading'] = 'h1';
      }
      return $args;
    }
    add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );
    in reply to: How put two functional arrows in the Tab Section ? #1295357

    One thing to mention – of course, you shouldn’t set up the hover styles, because the mobile devices don’t support that.
    So either you hide these arrows then – or you have to set up the settings for avia_desctop class only and leave the opacity at 1 for the avia_mobile.
    Sorry

    f.e.:

    .avia_mobile .av-tabsection-navs {
        opacity: 1;
    }
Viewing 30 posts - 4,501 through 4,530 (of 11,877 total)