Forum Replies Created

Viewing 30 posts - 2,461 through 2,490 (of 11,510 total)
  • Author
    Posts
  • in reply to: Changing the font of the drop-down box in the contact form #1377828

    the drop down list font-family could not be influenced via css only. – the font-family of the content after selecting one option – could be influenced.

    and again my question: Is it worth it for an unimpressive selectbox?
    to put an extra script and a lot of css for this little thing – means a performance disadvantage.

    in reply to: Using a custom field as excerpt #1377823

    maybe use: get_permalink($entry->ID)

    yes the portfolio-grid only got this grid layout option!
    Take the magazine element :

    in reply to: layerslider.css not merging in performnce – how? #1377814

    no private content for me – you had to wait then for mods

    by the way
    – if you have jQuery set to load in the footer, then I’m not sure if excluding will also cause those files to be loaded in the footer.

    in reply to: layerslider.css not merging in performnce – how? #1377812

    edited the snippet above to clarify what to insert.

    in reply to: layerslider.css not merging in performnce – how? #1377807

    yes – and if you like to exclude the css files it works similar to the above filter:

    function avia_exclude_files_from_compression($excluded_files){
      // exclude css 
      $exclude_css = array( 'layerslider', 'abc', 'xyz');  // comma separated list of enqueue names
      $excluded_files['css'] = array_merge($excluded_files['css'], $exclude_css);
    
      // exclude js files
      $exclude_js = array( 'avia_google_recaptcha_front_script', 'abc_script');   // comma separated list of enqueue names
      $excluded_files['js'] = array_merge($excluded_files['js'], $exclude_js);
      return $excluded_files;
    }
    add_filter('avf_exclude_assets', 'avia_exclude_files_from_compression', 10, 1);

    it is mentioned as comment to insert the list of enqueued names ! – example given here is recaptcha script
    the enqueue name is: avia_google_recaptcha_front_script
    the script name is: avia_google_recaptcha_front ( with that in the list it won’t work ) : the script name is therefore not determinant here

    Your idea seems to be good enough to fullfill your request.
    Don’t know why you can’t choose only the active “category” ( it is a taxonomy )
    Either in Portfolio Grid Element or even in blog-posts – there are options on that ( on blog-post you had to preselect the custom taxonomy option – then the “category” to show ( active one ).

    Edit: you only had to toggle the active / not-active category – and you can do that fast on Quick Edit

    in reply to: Changing the font of the drop-down box in the contact form #1377771

    i know that ( i do not see as a participant your private content area ) – but this is a setting that could not be made by css only.
    This is because this type of element is an example of a “replaced element”. They are OS-dependent and are not part of the HTML/browser. It cannot be styled via CSS.
    Like Checkbox – the only way is to replace that element by some other content instead.
    see here a replacement of that select box:
    https://webers-web.info/kontakt-seite/

    see on DOM that the original select box is set to display none and is replaced by something “stylable”:

    It is made by jQuery Function and a lot of css.
    Is it worth it for an unimpressive selectbox?

    Try to be more specific in your selector:
    ( use a different Font for your setting )

    #top .main_color select {
      font-family: Times !important;
    }

    it only influences the font of the choosen option – not the drop down list font-family !

    in reply to: Google Font "montserat" lädt trotz lokaler Einbindung #1377731

    solltest Du jedoch irgendwelche Google Dienste auf deiner Seite nutzen ( Google Maps, Youtube etc. ) dann werden auch Fonts ( meist Roboto oder Google Sans Text) geladen. Hierfür gibt es aber auch lösungen ( nicht immer )

    PS:
    nutze bitte nur das erwähnte neuere Snippet – das andere kannst du löschen:

    function my_output_google_webfonts_script( $activate ){
      return false;
    }
    add_filter( 'avf_output_google_webfonts_script', 'my_output_google_webfonts_script', 10, 1 );

    ab der nächsten Version Enfold 5.4 wird es ein Filter geben, welches das Laden von Google Fonts extern verhindert bei Nutzung von Google Maps:
    avf_gmaps_no_google_fonts

    PPS:
    1) Du nutzt dort auf der Seite immer noch : Enfold Version: 4.8.9 – wir sind da schon ein wenig weiter !
    habe ich erkannt, weil deine local eingebunden Schriften zuerst die woff laden – und dann die woff2 – umgekehrt ist besser da woff2 wengier Speicher benötigt ( das wird dann nach der Enfold Aktualisierung so sein ) – und moderner ist. Meine Empfehlung daher für Schriften: woff2 anbieten ( und woff weglassen ) und ttf als Fallback für ganz alte Browser. ( moderne Browser können alle woff2) – nur der IE11 unterstützt woff2 nicht: Can I Use woff
    2) Entferne die Einbindung welche du anderweitig gesetzt hast – Es reicht vollständig der Enfold Font Manager aus.
    3) Entferne ( das in die Jahre gekommene) disable Google font plugin ( das Snippet oben reicht aus )

    in reply to: Dynamically Change Number of Columns in Post Slider #1377719

    EDIT: sorry i did not read carefully: – you have a content-slider !
    just a moment …

    this will be not as easy possible because the slide elments are those wrappers ( slide-entry-wrap ) – the count of articles are based on that column setting.
    A quick and dirty way ( duplicate content) for the 3 column layout would be to place a copy of your content-slider and set it for the screen-width dependency to display : none/block

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

    on that page you can see the setting – shrink screen width to see the 3 column layout and setting.

    in reply to: Dynamically Change Number of Columns in Post Slider #1377717

    The problem with this is that enfold groups the articles according to this column setting – meaning 3 columns will result in 3 articles in a slide-entry-wrap.
    Maybe the developers could think about this behavior – because it hinders exactly this layout possibility you want to achieve.

    The grouping then had to be done by flex layout

    we can have a script to reach that layout – but better would be to get it on DOM generation.

    ( this is now only done here in my example snippet for one page ( my blog page only ID: 36400 )

    function wrap_articles_in_one_flex_container(){ 
    if(is_page(36400)){
    ?>
    <script type="text/javascript">
    window.addEventListener("DOMContentLoaded", function () { 
      (function($) {
        $('.avia-content-slider-inner .slide-entry-wrap .slide-entry').each( function() {
            $(this).detach().appendTo('.avia-content-slider-inner .slide-entry-wrap:first');
        });
        $('.avia-content-slider-inner .slide-entry-wrap:empty').remove();
      })(jQuery);
    });
    </script>
    <?php
    }
    }
    add_action('wp_footer', 'wrap_articles_in_one_flex_container');

    and for css:

    #top.page-id-36400 .avia-content-slider .slide-entry-wrap {
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
    }
    
    #top.page-id-36400 .avia-content-slider .slide-entry-wrap .slide-entry {
      flex: 0 1 calc(25% - 30px);
      margin: 0 15px 30px;
      width: unset !important;
    }
    
    @media only screen and (max-width:1310px) {
      #top.page-id-36400 .avia-content-slider .slide-entry-wrap .slide-entry {
        flex: 0 1 calc(33% - 30px);
        margin: 0 15px 30px;
      }
    }
    
    @media only screen and (max-width:989px) {
      #top.page-id-36400 .avia-content-slider .slide-entry-wrap .slide-entry {
        flex: 0 1 calc(50% - 30px);
        margin: 0 15px 30px;
      }
    }
    
    @media only screen and (max-width:767px) {
      #top.page-id-36400 .avia-content-slider .slide-entry-wrap .slide-entry {
        flex: 0 1 100%;
        margin-bottom: 30px !important;
      }
    }

    adopt to your blog ID
    see here: https://webers-testseite.de/blog/

    in reply to: Question regarding Grid Row Offset #1377707

    nice – but on responsive case your should remove that setting – maybe just put the rule Mike is offering into media-query :

    @media only screen and (min-width: 768px) {
    .responsive #top #wrap_all .flex_column.negativefifty {
    	margin-top: -50px;
    }
    }
    in reply to: Google Font "montserat" lädt trotz lokaler Einbindung #1377688

    First you should place this to your child-theme functions.php:

    function my_output_google_webfonts_script( $activate ){
      return false;
    }
    add_filter( 'avf_output_google_webfonts_script', 'my_output_google_webfonts_script', 10, 1 );

    then: did you choose the uploaded font on enfold child – general styling – fonts ?
    The uploaded fonts are at the end of that dropdown list:

    Link: https://kriesi.at/support/topic/host-web-font-yourself-some-info/

    in reply to: Toggle titles as H2 or H3 for SEO? #1377685

    just to mention – and off topic : this filter is set on some alb elements :

    some of them have those extra_args setting to rule different tags ( timeline.php; contentslider.php and portfolio.php).
    So you can influence the default heading tag for example on timeline for date and for title – e.g.:

    function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array()){
    // heading-tag for date
      if( $context == 'avia_sc_timeline' && is_array( $extra_args ) && in_array( 'date', $extra_args )){
      	$default_heading = 'h3';
      	$args['heading'] = $default_heading ;   
      }
    // heading-tag for title
      if( $context == 'avia_sc_timeline' && is_array( $extra_args ) && in_array( 'title', $extra_args )){
      	$default_heading = 'h4';
      	$args['heading'] = $default_heading ;        
      } 
      return $args;
    }
    add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );
    in reply to: Toggle titles as H2 or H3 for SEO? #1377683

    for those headings – can you try this snippet in your child-theme functions.php:

    function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array()){
      if( $context == 'avia_sc_toggle' ){
         $default_heading = ! empty( $meta['heading_tag'] ) ? $meta['heading_tag'] : 'h3'; 
         $args['heading'] = $default_heading;            
      }
      return $args;
    }
    add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );

    this will preserve the custom settings mentioned by nikko – but set the default value to h3 ( change to what you like to have)

    in reply to: Change the Main menu only portfolio items #1377653

    yes – but do not forget to add the filter:

    function my_custom_wp_nav_menu_args( $args = '' ) {
    if($args['theme_location'] === 'avia') 
         if( is_singular( 'portfolio' ) ) { 
              $args['menu'] = 'Anchor Menu'; 
              } else { 
              $args['menu'] = 'Full Menu';
              } 
    return $args;
    }
    add_filter( 'wp_nav_menu_args', 'my_custom_wp_nav_menu_args' );
    
    in reply to: Tag meta element not working for blog page #1377481

    maybe this child-theme functions.php snippet is a nice alternative to insert tags to blog:
    it will show the tags in the meta info area:

    function new_avf_post_slider_meta_content($meta_content, $entry, $index, ) {
        $tags = get_the_tags($entry->ID);
        $tags_output = "";
        if('blog-meta-tag' == avia_get_option('blog-meta-tag') && $tags ){
            $tags_output .= '<div class="post_tags">'; 
        //  $tags_output .= '<div class="post_tags"><strong>' . __( 'Tags:', 'avia_framework' ) . ' </strong>'; 
            foreach ( $tags as $tag ) {
                $tags_output .= '<a href="  '. get_tag_link( $tag->term_id ) .'  ">';
                $tags_output .= '<strong>'. $tag->name .'</strong>';
                $tags_output .= '</a>' ;
                if(next($tags)){
                    $tags_output .= ' | ' ;
                }
            }
            $tags_output .= '</div>';
            $meta_content = $tags_output . "<br>" . $meta_content;
        };
        return $meta_content;
    }
    add_filter('avf_post_slider_meta_content', 'new_avf_post_slider_meta_content', 10, 3);
    in reply to: Tag meta element not working for blog page #1377476

    ok – but maybe it is better to only insert those tags – if on options it is marked – like it is done on single posts

    in reply to: Tag meta element not working for blog page #1377457

    hi mike – happy new year to you !

    But this is not the list view. I think on list view there are no meta tags on default ( your screenshot looks like single author, small preview … )

    in reply to: 3-col blog post grid #1377359

    The source for the Masonry images ( and portfolio images ) is not the featured image, but here on your page it is the 495×400 png as shown in the DOM. This is the standard image format, which is otherwise taken for this (hence the name for this Enfold image format: portfolio) – but this can be changed in the ALB – as already noted above.

    Why don’t you just try what I said above?
    It would be worth a test, wouldn’t it? If your images are square in the original and larger than the 705px of the “masonry image format”, then also here in the portfolio preview the images should all be square and uncropped.

    The svg code itself – that might be possible – hope that linebreaks in the svg code do not disturb that solution.
    i will inform you about that trial.

    Edit: that works – if you have set to the enfold options a transparency logo on default. If it is set – we can replace that – with your snippet.

    Is solved – Thanks

    in reply to: 3-col blog post grid #1377199

    if you are using the blog ALB Element to create your blog- there is a setting on the second tab: “Styling” – choose for preview image size a square one – f.e.: Masonry 705×705 ( or your original image size )

    yes – you are right – but I only use it to recalculate installations ( not mine ) – then uninstall the plugin afterwards. For performance reasons I tend to have as few plugins active as possible.
    Due to the very successful calculation algorithm, but I have also thought of using the plugin solo , and then omit the snippet. reSmush.it calculates but therefore also when uploading a little longer than the conventional method.

    the lightbox script uses on default the title to show at the bottom of the lightbox the info about that image. If title is totaly removed – there will be no info for that mfp-bottom.
    On some alb elements you have the choice to take a different source for those mfp-bottom text. ( Gallery, Masonry ) – but for images this is not the case.

    in reply to: Open on click a submenu and close the one previously opened #1377141

    the script is placed in the footer – if you have checked on the other installation that jQuery should also be loaded in the footer ( see performance settings of enfold ) , you need to be sure that these snippets are loaded afterwards.
    You can do this by giving the function a priority.

    add_action('wp_footer', 'only_one_submenu_open_on_burger', 999);
    

    maybe that is the difference ?

    is there a link i can see?

    I use this snippet to remove the title tag only temporarily on hover. On click and on mouseout it is restored.

    function temporary_removal_title_tags(){
    ?>
    <script>
      window.onload = function() {
          var links = document.querySelectorAll('a, img, *[title]');
          for (var i = 0; i < links.length; i++) {
              var link = links[i];
              link.onmouseover = function() {
                  this.setAttribute("data-tooltip", this.title);
                  this.title = "";
              };
              link.onmouseout = function() {
                  this.title = this.getAttribute("data-tooltip");
              };
              link.onmousedown = function() {
                  this.title = this.getAttribute("data-tooltip");
              };
          }
      };
    </script>
    <?php
    }
    add_action('wp_footer', 'temporary_removal_title_tags');

    think of – that

     jQuery(window).load(function(){
    

    since jQuery 3.x is now:

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

    and : if you use the title to show info on mfp-bottom in the lightbox – to change to a different source ( description etc. )

    in reply to: local integration of google fonts | plugins #1376982

    from one Bond to another ;)
    if you host your fonts on your own servers, then there is no need for a double opt-in – that is the trick!

    it is no checklist – because there are some recommendation to think of.
    In the meantime, a number of improvements have been implemented so that variable fonts can now also be uploaded via the Font Manager.

    https://kriesi.at/support/topic/host-web-font-yourself-some-info/#post-1364066

    may i give you a hint on images and enfold formats. – regardless of your question above?
    The compression level of the recalculated image formats is 100% – that is a problem for the performance.
    See at your start page the slider – the original image is 287kb ( Worship-5.jpg ) the recalculated image ( Worship-5-1500×630.jpg ) is about : 569kb
    my tip: reduce the compression level on recalculated images:

    add_filter("avf_jpeg_quality", "avf_set_quality_mod", 9999, 1);
    add_filter("avf_wp_editor_set_quality", "avf_set_quality_mod", 9999, 1);
    function avf_set_quality_mod($quality) { $quality = 65; return $quality;}

    here to 65%
    sadly – this influences only the upload – existing images are not influenced on that.
    For that – there are some good plugins to recalculate the thumbnails.

    For Example: https://de.wordpress.org/plugins/resmushit-image-optimizer/ or from shortpixel: https://de.wordpress.org/plugins/regenerate-thumbnails-advanced/

    my recommendation now is : reSmush.it

    on starting with the plugin – you can choose to have backups of all images – but checking the box ( reight side – to not preserve backups ) you can delete them afterwards.
    The plugin will observe the upload of images and optimize them on upload.

    i do have compression level 55 on most of my websites – and see if your image on 1500x630px has a significant difference ( espacially for a background-image ) – this image got 56kb !!

    https://webers-testseite.de/eleina/

Viewing 30 posts - 2,461 through 2,490 (of 11,510 total)