Forum Replies Created

Viewing 30 posts - 5,971 through 6,000 (of 12,020 total)
  • Author
    Posts
  • first question : you really mean only for mobile devices – or do you mean on small screens (<768px) ?

    in reply to: Shortcodes do not seem to work #1201923

    where do you like to use the shortcodes.
    On default the shortcode usage isn’t activated for all places.
    you can activate f.e. shortcode use on content or on widgets via child-theme functions.php:

    add_filter('widget_text', 'do_shortcode');
    add_filter('the_content', 'do_shortcode');

    You mean you want to change the direction and you want to stay in the same category!

    Here we go: https://kriesi.at/support/topic/change-previous-next-buttons-in-portfolio-items/#post-1164041

    in den Listen würde ich es nicht machen, da dann mehrere h1 pro Seite existieren würden. Auch wenn in Zeiten der OnePager das nicht mehr ganz so streng betrachtet wird, ist es doch früher so gewesen, dass immer nur eine h1 pro Seite existieren sollte.
    Daher ist h2 das Mittel der Wahl.
    In den einzelnen Blogbeiträgen selber ist es jedenfalls dann eine h1 siehe: https://kriesi.at/themes/enfold-2017/2014/08/24/a-nice-entry/
    Wenn es bei Euch anders sein sollte gebt mal bitte einen link dazu.
    Danke

    in reply to: Creating diagonal at the bottom on Full Screen Slider #1201544

    Just for info : if you like to get the 5deg Angle of Enfold rotation slanted containers.
    tangent of 5deg * 100vw = 8.75vw
    so if you set these values to that svg :

    #top .divider .avia-slideshow svg.bottom {
        position: absolute !important;
        bottom: -1px !important;
        height: 8.75vw;
        z-index: 90;
        width: 100vw !important;
        transform: rotateY(180deg);
    }

    you will have nearly the 5deg incline here.
    and… https://webers-testseite.de/pureinstall/fullscreen-slider/

    in reply to: Creating diagonal at the bottom on Full Screen Slider #1201354

    by the way : if you play with the height of #top .divider .avia-slideshow svg.bottom
    you can influence the inclination.

    you see here the svg container on hovering in devoloper tools the svg – the upper part of it is transparent – the lower one is filled with color
    Dreieck is the german word for triangle –

    • This reply was modified 5 years, 11 months ago by Guenni007.
    in reply to: Creating diagonal at the bottom on Full Screen Slider #1201351

    Well an elegant way would be to use svg dividers here.

    See here with red color and a different svg
    with the svg in the code below and if you fill the svg with the background-color of your following container it will look like the slanted things from color-section.
    https://webers-testseite.de/buttons/

    you see the method is usefull to have very nice and semitransparent dividers.

    if it is a full-screen slider you can insert an svg into the slider-container by this in child-theme functions.php:

    function insert_dividers(){
    ?>
    <script>
    (function($){
    	$('.divider.bottom .avia-slideshow').append('<svg version="1.1" id="triangle" class="bottom" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="300px" viewBox="0 0 1500 300" preserveAspectRatio="none"><g fill="#900"><polygon points="1500,0 1500,300 0,300 "/></g></svg>');	
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'insert_dividers');

    Give a custom class to your fullscreen slider: divider bottom

    you see on that svg – it has its own ID and a class and the triangle is filled red to see better what happens here.
    you can fill the triangle later by quick css very easy by:

    #triangle g {
        fill: #fff !important;
    }

    you now only have to shift the svg inside the slider and give a z-index to it:

    #top .divider .avia-slideshow svg.bottom {
        position: absolute !important;
        bottom: -1px !important;
        height: 300px;
        z-index: 90;
        width: 100vw !important;
        transform: rotateY(180deg);
    }
    
    .divider .avia-slideshow-dots {
        bottom: 100px;
        position: absolute;
    }

    if you like to have the other directiion of incline – get rid of transform: rotate

    btw: if you wonder why there are two classes on that slider element?
    i use this method with different svgs : top and bottom – so i got a lot of svgs as dividers – the divider class is for inducing the insertion; the bottom1, 2, 3 etc is for the different svgs i like to insert. the class inside svg ( bottom or top) is just for quick css to position the svg the right way.

    in reply to: how to change the pixels of an image in a lightbox? #1201224

    or – you determine a different image-size as source for the lightbox image
    for masonry galleries – this to child-theme functions.php:

    function avia_change_masonry_thumbnail_link($size){
      return "full";
    }
    add_filter('avf_avia_builder_masonry_lightbox_img_size', 'avia_change_masonry_thumbnail_link', 10, 1);

    then it will take the full image size ( original uploaded Image ) for it

    btw: for different images ( image lightbox or gallery etc.) there are different filters to use
    avf_avia_builder_gallery_image_link or
    avf_avia_builder_helper_lightbox_size

    PPS: for your mobile rendering of the image : no solution yet.

    in reply to: Display the same date for all blog posts #1201176

    hi ismael – guess it is ruled in the fixed-date.php of that plugin
    see here:
    https://pastebin.com/F4Rce0c4
    and in parsidate.php there is the conversion method:
    https://pastebin.com/RaT6wqGy

    • This reply was modified 5 years, 11 months ago by Guenni007.
    in reply to: Why no footer at homepage? #1201009

    open that page in editor.
    On the right side there is a toggle with “Layout” – look at “Footer Settings” – there you are

    in reply to: Enfold and Embed Any Document #1200787

    i do this without plugin and embed it via codeblock:

    <embed src="https://Your-Domain/wp-content/uploads/Musical.pdf" width="100%" height="800" type="application/pdf">

    or via:
    <embed src="https://drive.google.com/viewerng/viewer?embedded=true&url=https://Your-Domain/wp-content/uploads/Musical.pdf" width="100%" height="800">

    result page: https://webers-testseite.de/pdf-on-website/

    Last version works better on Safari!

    in reply to: a b c #1200785

    you can use ordered list for it and nested too – but this is something not easy to create with editor in visual mode – in text mode it looks like this f.e.

    <ol>
     	<li>first level first list point
    		<ol>
    		 	<li>second level first list point</li>
    		 	<li>second level second list point</li>
    		 	<li>second level third list point</li>
    		</ol>
    	</li>
     	<li>first level second list point</li>
    </ol>

    you see how it works ?( the list point with sublevel has a complete list in it and closes after that the list point.

    ______________

    i would give to the text alb element a custom-class f.e.: special-lists
    Then you can select it easier :

    .special-lists ol {
      list-style-type: decimal;
    }
    .special-lists ol ol {
      list-style-type: lower-alpha;
    }

    see result: https://webers-testseite.de/ordered-list/
    see a list of list-style-types here: https://css-tricks.com/almanac/properties/l/list-style/

    • This reply was modified 5 years, 11 months ago by Guenni007.
    in reply to: Sticky Posts in Post-Slider? #1200764

    do you only want to show the latest sticky on that slider first?
    a sticky in sticky does not exist afaik.
    But you have to describe a little better what you want to achieve.

    You can have the newest stickies on top – and you can limit it to a given number.
    rsort( $sticky ); is something could be helpful here – maybe a mod knows a solution

    if you mean those post navigation arrows that link to the next or previous post
    try this in your child-theme functions.php

    function show_aviapostnav_onscroll(){
    ?>
    <script>
    (function($) {
        $(".avia-post-nav").css("background-color", "0");  
        $(document).ready(function(){
          $(window).scroll(function() { 
            if ($(document).scrollTop() > 120) { // your wanted scroll distance 
              $(".avia-post-nav").css("opacity", "1");
            } else {
              $(".avia-post-nav").css("opacity", "0"); 
            }
          });
        });
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'show_aviapostnav_onscroll');
    • This reply was modified 5 years, 11 months ago by Guenni007.
    in reply to: Masonry Column Count #1200510

    Thanks – perfect : i didn’t look for $id_sizes in source.
    but nevertheless even if – i couldn’t extend that array : but now i understand the sizes as the screen-width options.
    the only thing to add for other participants here is of course to add the missing CSS instruction here:
    f.e.

    .av-masonry-col-7 .av-masonry-entry {
        width: 14.2%;
    }
    in reply to: Sticky Posts in Post-Slider? #1200477

    On one of my enfold playground testpages – i got under each of my single post a post slider with other post to show randomly.
    First: I do not want to show the current post in this post slider on single posts.
    Second: i’d like to have allway that one ( or more ) sticky post on the beginning of that list.

    These codes comes to child-theme functions.php:

    The first is easier to obtain:

    function ava_exclude_current_post($query) {
      if (is_singular('post')) {
        $exclude = avia_get_the_ID();
        $query->set( 'post__not_in', array($exclude) );
      }
    }
    add_action('pre_get_posts', 'ava_exclude_current_post');

    so i exclude the current ID from query.

    The second request:

    add_filter('avia_post_slide_query','avia_order_by_random', 10, 2);
    function avia_order_by_random($query, $params) {
    
    	$include = array();
    	$sticky = get_option( 'sticky_posts' );
    
    	$args = array(
    	'post__not_in' => $sticky,
    	'orderby' => 'rand',   // here you can influence the orderby option of the non sticky post to your needs 
    	);
    	$posts = get_posts( $args );
    
    	foreach($posts as $post) {
    	$include[] = $post->ID;
    	}
    	if ( !is_sticky() ) {
    		$include = array_merge($sticky, $include);
    	};
    
    	$query['post__in'] = $include;
    	$query['orderby'] = 'post__in';
    
    return $query;
    }

    orderby: https://developer.wordpress.org/reference/classes/wp_query/#order-orderby-parameters

    if you only want this on special pages you have to work with if-clauses.

    Great; – can be closed

    du gibst da ein nicht ganz unwichtiges Stichwort : verpixelt.
    Eignet sich dein Logo eventuell um es als vektorgrafik umzusetzen?
    Wenn ja solltest du erwägen, es als svg zu verwenden. Aber irgendwann kommt der Punkt, da ist die Bildschrimauflösung dann maßgebend.
    Unterhalb von 0,3pt Strichstärke lösen normal Bildschirme schon schlecht auf.
    ____________

    you’ve got a big point there: pixelated.
    Is your logo possibly eligible for vector graphics?
    If so, you should consider using it as svg. But there comes a point when the screen resolution is decisive.
    Below a line width of 0.3pt, normal screens already have a poor display resolution.

    in reply to: Adding Header to every existing page? #1199270

    by the way there is that alb : page content with its shortcode:[av_postcontent link='page,36445']
    with 36445 in this example is the page ID. but it does not work with do_shortcode example above.

    and 2nd btw: we are also interested in a public solution. You never know when you might need it.

    in reply to: Alt for transparent header image #1199269

    sorry this should go to another toppic what i posted here – …

    in reply to: Alt for transparent header image #1199229

    thanks Ismael Is that on basis of 4.7.4 ?
    because there is f.e. the whole part
    if( ! function_exists( 'avia_wp_get_the_title' ) ){…
    missing.
    And some minor/major differences
    With that : there are some difficulties with blog pages to show – but maybe it is an inconsitency with WP 5.4

    __________________
    On this file i only replaced on basis of 4.7.4 the part of alternate logo and added the new:
    if ( ! function_exists( 'avia_get_attachment_id' ) ) {…

    https://pastebin.com/D3XRT7tr
    with that it works great – thanks

    in reply to: Heading tags in the Footer widget areas #1199138
    in reply to: Search results image with title #1198844

    Sorry double post

    in reply to: Search results image with title #1198842

    yes – and maybe then you have to style a bit this new content:

    .search-result-counter {
        padding: 0;
    }
    
    .search-result-counter img {
    	width: 100%;
    	height: 100%;
    	border-radius: 100px;
    }

    and if you like to have both Counter and above the heading an image replace with f.e.

    $searchimage = get_the_post_thumbnail( $the_id, 'entry_with_sidebar' ); // look to the info on the bottom - you can take what you like to have here
    echo "<span class='search-result-image'>{$searchimage}</span>";
    echo "<span class='search-result-counter {$counterclass}'>{$post_loop_count}</span>";

    then style it with f.e.:

    .search-result-image img {
        width: 300px;
    }

    _________________

    just for info:

    $avia_config['imgSize']['widget'] 			 	= array('width'=>36,  'height'=>36);
    $avia_config['imgSize']['square'] 		 	    = array('width'=>180, 'height'=>180);
    $avia_config['imgSize']['featured'] 		 	= array('width'=>1500, 'height'=>430 );
    $avia_config['imgSize']['featured_large'] 		= array('width'=>1500, 'height'=>630 );	
    $avia_config['imgSize']['extra_large'] 		 	= array('width'=>1500, 'height'=>1500 , 
    $avia_config['imgSize']['portfolio'] 		 	= array('width'=>495, 'height'=>400 );
    $avia_config['imgSize']['portfolio_small'] 		= array('width'=>260, 'height'=>185 );	
    $avia_config['imgSize']['gallery'] 		 		= array('width'=>845, 'height'=>684 );
    $avia_config['imgSize']['magazine'] 		 	= array('width'=>710, 'height'=>375 );
    $avia_config['imgSize']['masonry'] 		 		= array('width'=>705, 'height'=>705 , 
    $avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>845, 'height'=>321);
    $avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 );
    • This reply was modified 5 years, 11 months ago by Guenni007.
    in reply to: Beitragsbild eines Blogbeitrags automatisch anzeigen #1198720

    try this in your child-theme functions.php:

    Here you can choose which of the image formats commonly used in Enfold you would like to use.

    
    function thumbnail_in_content($atts) {
        global $post;
        return get_the_post_thumbnail( $the_id, 'entry_with_sidebar' );   // image-size you like to use - adjust to your needs
    }
    add_shortcode('postImg', 'thumbnail_in_content');
    
    add_filter('avf_template_builder_content', 'avf_template_builder_content_postimage_mod', 10, 1);
    function avf_template_builder_content_postimage_mod($content = "")
    {
      if(is_singular('post')  || is_singular('portfolio') ) {
        $featuredImage = do_shortcode("[postImg]");
        $content = $featuredImage . $content ;
      }
      return $content;
    }

    ______________________________________

    Just for Info – not to place in the child-theme
    these are the used image sizes in Enfold:

    $avia_config['imgSize']['widget'] 			 	= array('width'=>36,  'height'=>36);
    $avia_config['imgSize']['square'] 		 	    = array('width'=>180, 'height'=>180);
    $avia_config['imgSize']['featured'] 		 	= array('width'=>1500, 'height'=>430 );
    $avia_config['imgSize']['featured_large'] 		= array('width'=>1500, 'height'=>630 );	
    $avia_config['imgSize']['extra_large'] 		 	= array('width'=>1500, 'height'=>1500 , 
    $avia_config['imgSize']['portfolio'] 		 	= array('width'=>495, 'height'=>400 );
    $avia_config['imgSize']['portfolio_small'] 		= array('width'=>260, 'height'=>185 );	
    $avia_config['imgSize']['gallery'] 		 		= array('width'=>845, 'height'=>684 );
    $avia_config['imgSize']['magazine'] 		 	= array('width'=>710, 'height'=>375 );
    $avia_config['imgSize']['masonry'] 		 		= array('width'=>705, 'height'=>705 , 
    $avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>845, 'height'=>321);
    $avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 );
    in reply to: Heading tags in the Footer widget areas #1198686

    i thought we could use a filter – but it is only set in class-sidebar-generator.php for sidebar widget titles

    try this instead in your child-theme functions.php – it is better to replace it before it is inserted in the DOM

    function register_custom_footer_widget(){   
        $footer_columns = avia_get_option( 'footer_columns', '5' );
        for ($i = 1; $i <= $footer_columns; $i++){
    		unregister_sidebar( 'av_footer_'.$i );
    
    		register_sidebar(array(
    			'name' => 'Footer - column'.$i,
    			'before_widget' => '<section id="%1$s" class="widget clearfix %2$s">', 
    			'after_widget' => '<span class="seperator extralight-border"></span></section>', 
    			'before_title' => '<h5 class="widgettitle">', 
    			'after_title' => '</h5>', 
    			'id'=>'av_footer_'.$i
    		));
    	}	
    }
    add_action( 'widgets_init', 'register_custom_footer_widget', 11 );
    • This reply was modified 5 years, 11 months ago by Guenni007.
    in reply to: Heading tags in the Footer widget areas #1198679

    try this in child-theme functions.php:

    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('#footer h3.widgettitle', '<h5></h5>'); 
      }(jQuery)); 
    </script>
    <?php
    }
    add_action('wp_footer', 'replace_tags_with_tags');
    in reply to: Alt for transparent header image #1198529

    4.7.4 stayes the same here

    in reply to: Header Background-Color Change on Scroll #1198389

    because you have no shrinking header you can use a little scroll event to have that .
    Then: is it realy the header that is your selector. On most cases the header_bg will do that. Because i do not see your staging site – it is hard to say something concrete.
    Try: ( and adjust the 50px offset to your needs and the colors)
    This will come to your child-theme functions.php:

    function header_background_change(){
    ?>
     <script>
    (function($) {
        $(".header_bg").css("background-color", "green");  // see else setting - just to have the right start when no scroll has happend
        $(document).ready(function(){
          $(window).scroll(function() { 
            if ($(document).scrollTop() > 50) { // your wanted scroll distance 
              $(".header_bg").css("background-color", "red");
            } else {
              $(".header_bg").css("background-color", "green"); 
            }
          });
        });
    })(jQuery);
     </script>
    <?php
    }
    add_action('wp_footer', 'header_background_change');
    in reply to: Icon Numbers #1197600

    by the way : if you are in editor mode to insert the sign – and hover the signs – the code for the sign is shown:

    and if you look to the source code of such an icon you see these cryptic signs for it ( like on my example page too at the right side)

    and you see that this little cryptic sign has the info inside it:

Viewing 30 posts - 5,971 through 6,000 (of 12,020 total)