Forum Replies Created

Viewing 30 posts - 6,541 through 6,570 (of 11,492 total)
  • Author
    Posts
  • in reply to: Change position of post-nav buttons below post #1109098

    First – these posts/portfolio had to build with standard editor! ??
    If i use alb the navigation is gone – by that method!

    see here in action: https://webers-testseite.de/elegant/2019/06/11/neuer-post/

    i changed a bit ismaels css code to only:

    #top .custom-post-nav {
        clear: both;
        margin-bottom: 140px;
    }
    
    #top .avia-post-nav {
      position: absolute;
      margin-top: 60px;
    }

    the rest comes from default settings.

    footer.php: https://pastebin.com/dl/NRAyDTZH
    single.php: https://pastebin.com/dl/FiAHHdsS
    single-portfolio.php: https://pastebin.com/dl/dLjvqBgt

    how to have post-navigation on alb posts/portfolios?

    in reply to: Change position of post-nav buttons below post #1109080

    on enfold (child) – Blog Layout – you got this: “Single Post Navigation”

    if you only want to remove it :

    Select to disable or enable the post navigation that links to the next/previous post on single entries. Setting is also used for portfolio. Use filter avf_post_nav_settings to customize.

    in reply to: Make a column full width #1109039

    you’re not being forced to use a container. But if you only want to have that table a bit wider than the other content – you can set max-width for that color-section to a different value and use it with 1/1 container.
    because i think a full-width content will not look nice – maybe you give to that ID ( give a unique custom-ID to the color-section) :
    f.e. your default is 1310px and maybe for that section:

    
    .responsive #custom-ID .container {
       max-width: 1810px;
    }

    you can use relative values too like 80vw ( screen-width)

    in reply to: Enfold Image Sizes #1109028

    maybe this function can help you – but after that you had to regenerate image files – there are a lot of those tools – i guess the force regenerate thumbnails is the one which removes unneeded files too.
    the first function is for not to use a srcset for images

    // remove "responsive images" functionality in WP 4.4 and higher
    add_filter('wp_get_attachment_image_attributes', function($attr) {
       if (isset($attr['sizes'])) unset($attr['sizes']);
       if (isset($attr['srcset'])) unset($attr['srcset']);
       return $attr;
    }, PHP_INT_MAX);
    add_filter('wp_calculate_image_sizes', '__return_false', PHP_INT_MAX);
    add_filter('wp_calculate_image_srcset', '__return_false', PHP_INT_MAX);
    remove_filter('the_content', 'wp_make_content_images_responsive');
    
    // Disable loads of Enfold & WP image sizes upon upload
    // do image sizes manually, double-size with high compression for retina screens
    // use Photoshop to set exact double size and quality between Q30 and Q40
    add_action('init', 'remove_enfold_image_sizes');
    function remove_enfold_image_sizes() {
    // do NOT remove widget size, is used in backend portfolio items!
    // remove_image_size('widget');
      remove_image_size('square');
      remove_image_size('featured');
      remove_image_size('featured_large');
      remove_image_size('portfolio');
      remove_image_size('portfolio_small');
      remove_image_size('gallery');
      remove_image_size('magazine');
      remove_image_size('masonry');
      remove_image_size('entry_without_sidebar');
      remove_image_size('entry_with_sidebar');
      remove_image_size('shop_thumbnail');
      remove_image_size('shop_catalog');
      remove_image_size('shop_single'); 
        remove_image_size('shop_gallery_thumbnail');
    }
    // Remove unneeded WP image sizes
    add_filter( 'intermediate_image_sizes_advanced', 'prefix_remove_default_images' );
    // Remove default image sizes here. 
    function prefix_remove_default_images( $sizes ) {
    // do NOT remove small and medium sizes, they are used in backend Media Library!
    // unset( $sizes['small']); // 150px
    // unset( $sizes['medium']); // 300px
     unset( $sizes['large']); // 1024px
     unset( $sizes['medium_large']); // 768px
     return $sizes;
    }

    test it on a testinstallation. I tested it on a wordpress playground with enfold installation without any conflict.
    All Credits goes to: https://kriesi.at/support/topic/responsive-content-images-retina-screens/#post-1077293

    in reply to: Change position of post-nav buttons below post #1108915

    the fuctionality is that these buttons slide out on hovering – so how do you think they would react if you got them at the bottom of the screen.

    And what do you mean by “the buttons are out of sight” – if you have the browser on fullscreen, the buttons are at the edge of the screen.
    The edges are only not visible if you force the browser left and right wider than the screen width.
    In this case, however, content and possibly the navigation and logo should already be outside too.

    Can you post here a link to that site?

    in reply to: Enfold Image Sizes #1108904

    look to functions.php of your enfold theme (parent) around line 148ff
    here without the comments in it:

    $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 , 'crop' => false);
    $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 , 'crop' => false);
    $avia_config['imgSize']['entry_with_sidebar'] = array('width'=>845, 'height'=>321);
    $avia_config['imgSize']['entry_without_sidebar'] = array('width'=>1210, 'height'=>423 );
    $avia_config['imgSize'] = apply_filters('avf_modify_thumb_size', $avia_config['imgSize']);

    filter avf_modify_thumb_size – how to use it ?
    e.g:

    function custom_modified_thumb_sizes( $size ){
      $size['square'] = array('width'=>300, 'height'=>300 );      
      return $size;
    }
    add_filter('avf_modify_thumb_size', 'custom_modified_thumb_sizes', 10, 1 );
    in reply to: Colour Section with 2px #1108899

    guess #farbe is the unique id for that section?

    .page-id-502 #farbe {
    background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet) !important;
    height: 2px !important;
    min-height: 0
    }

    maybe an !important is necessary too
    every .avia-section got a minimum-height of 100px

    in reply to: How to stop all caps in heading tags #1108896

    is there a link to see and to examine?

    i really don’t know why your code is not working.
    the rule which sets the border-color is:

    .header_color span {
      border-color: #fff
    }

    aha : now i see our fault: the “av_seperator_small_border” is also a class on header and it is between header_color and header-scrolled

    .header_color.av_seperator_small_border.header-scrolled .av-main-nav > li > a > span {
      border-color: #fff !important;
    }

    will do it –
    be carefull – just copy paste it all classes are on #header so there is no space inbetween:
    .header_color.av_seperator_small_border.header-scrolled

    • This reply was modified 6 years ago by Guenni007.
    in reply to: Auto fill out a product title to contact form? #1108753

    Mainly it will be that way that you want to set the link from a portfolio page ( or product page ).
    As all portfolio pages, have the standard path: domain/portfolio-item/portfolio-name – why add a manual path? Why not directly transfer the portfolio name?

    in reply to: multiline Menu with shrinking header – tutorial #1108750

    But of course – unfortunately the unpredictable difficulty with the entries set in the head area arose, so that an adapted copy of the function “avia_header_html_custom_height” became necessary.

    in reply to: multiline Menu with shrinking header – tutorial #1108253

    then it is only possible to have that whole function from functions-enfold.php in the child-theme functions.php
    to avoid that inline setting in head section for line-height and multiliner menu-items:

    if(!function_exists('avia_header_html_custom_height'))
    {
    	function avia_header_html_custom_height()
    	{
    		$settings = avia_header_setting();
    		
    		if($settings['header_size'] == "custom")
    		{
    			$modifier = 0;
    			$size = $settings['header_custom_size'];
    			$bottom_bar = $settings['bottom_menu'] == true ? 52 : 0;
    			$top_bar	= $settings['header_topbar'] == true ? 30 : 0;
    			
    			if(!empty($settings['header_style']) && "minimal_header" == $settings['header_style'] ){ $modifier = 2;}
    			
    			
    			$html =  "";
    			$html .= "\n<style type='text/css' media='screen'>\n";
    			$html .= " #top #header_main > .container, #top #header_main > .container .main_menu  .av-main-nav > li:not(.multiliner) > a,";
    			$html .= " #top #header_main #menu-item-shop .cart_dropdown_link{ height:{$size}px; line-height: {$size}px; }\n";
    			$html .= " #top #header_main > .container .main_menu  .av-main-nav > li.multiliner > a{ height:{$size}px; }\n";
    			$html .= " .html_top_nav_header .av-logo-container{ height:{$size}px;  }\n";
    			$html .= " .html_header_top.html_header_sticky #top #wrap_all #main{ padding-top:".((int)$size + $bottom_bar + $top_bar - $modifier)."px; } \n";
    			$html .= "</style>\n";
    			
    			echo $html;
    		}
    		
    	}
    	add_action('wp_head', 'avia_header_html_custom_height');	
    }

    the reason for that function even in the original is that a start-point is set. So for multiliner it would be also a good idea to have that beginning line-height
    and padding-top. f.e. in quick css:

    f.e.

    #avia-menu .multiliner > a {
        line-height: 24px;
       padding-top: 63px
    }
    in reply to: multiline Menu with shrinking header – tutorial #1108244

    one thing i can not understand – maybe a mod could tell me why.
    even if i have the lines to :

    it jumps first to the line-height (newH +px) on even those multiliner menu-items

    _________

    Edit – that is sad – Enfold sets that first calculated line-height as inline style to the head section – thats the reason for the “jump” to the new calculated values.

    in reply to: Two Line Name on Main Menu Tab #1108213

    by the way – if you like to make this with shrinking header there is a way to do it. But if you’re already overwhelmed with this solution, I’d rather not describe it here.

    in reply to: Mega Menu Style scrolling #1108159

    it would be best to have a live site link. Give advice from a screenshot only is hard to do.
    btw. i do not see any mega menu on that example page : https://www.thermocon-coldchain.com

    • This reply was modified 6 years, 1 month ago by Guenni007.
    in reply to: Umlaute: Problems with Ü in Firefox #1108109

    “Natur als Brückenschlag” and you’ll see the dots are not sitting on the u.

    Well Word f.e. seems to use “combining diacritical marks” : u and ̈ are shiftet together to an ü
    see what happens with a copy pasted ü from word in a “real” text editor erasing one letter after the other (6letters here)- it looks like an ü – but isn’t:
    https://webers-testseite.de/diaresis.mp4

    copy/pasting texts from word will sometimes end in this looking then: u ̈

    try the paste as text field in text-editor

    in reply to: Button ohne Link #1108090

    oder du setzt den Link manuell auf : #
    dann hast du dass Look & Feel eines Buttons ohne das wegnavigiert wird.
    Ausserdem bleiben auch die Hover Effekte erhalten.

    in reply to: enfold button nofollow shortcode #1108088

    and is there another method that will bring us a solution afterwards now?
    allthough it is in the DOM it does not work ?

    in reply to: enfold button nofollow shortcode #1107990

    my code for that to add to all external links is for child-theme funtions.php:

    add_action('wp_footer', 'open_external_links_in_newtab');
    function open_external_links_in_newtab(){
    ?>
    <script type="text/javascript">
    (function($) {
      var url = window.location.origin;
      $('a').not('a[href*="'+url+'"], a[href*="mailto:"], a[href*="#"], a[href*="tel:"], a[href*="javascript:;"] ').attr({
        'target':'_blank',
        'rel': 'nofollow noreferrer',
      })
    })(jQuery);
    </script>
    <?php
    }
    

    the javascript is excluded because im obfuscating e-mail adresses via javascript encryption

    and

    Is it possible to choose a span of dates when using the date picker in a contact form as opposed to just choosing one day? For instance booking a rental between a span of days instead a single day. Let me know when you get a minute. Thanks!

    just place two datepicker fields beside each other one is the from the other to field

    Sad : the topic is closed.
    i tried to have a from to datepicker – and i want to have the value of the from field is the minDate of the to field.
    I got this working – but it destroyes the styling of the datepicker – i don’t know why ?
    (if the inputfields are in that position 6 and 7)

    function my_datepicker_defaults() {
    ?>
     <script type="text/javascript">
    (function($) {
        $(document).ready(function(){ 
          $('#avia_6_1').datepicker({onSelect: function(selectedDate) {
                $('#avia_7_1').datepicker('option', 'minDate', selectedDate);
    		  setTimeout(function() { $('#avia_7_1').focus(); }, 0);
          }});
          $('#avia_7_1').datepicker({onSelect: function(selectedDate) {
                $('#avia_6_1').datepicker('option', 'maxDate', selectedDate);
          }});
        });
    })(jQuery);      
    </script>
    <?php
    }
    add_action('wp_footer', 'my_datepicker_defaults', 10);
    in reply to: Overlapping logo #1107758


    ?

    in reply to: Overlapping logo #1107486

    you have to give a rule for the logo img too.

    f.e.

    .logo img {
        height: 133% !important;
        max-height: 200px !important;
    }
    in reply to: Alt for transparent header image #1107485

    where does the additional code come from in your site?
    those additional classes ( f.e. on alternate logo: _3c ) etc – there is an event on logo too? this is not enfold stuff – so i guess it is concerning to a plugin.
    And this will be in conflict with the snippet.

    Or it had to be refreshed the whole cache and f.e. the caching of that plugin.
    I see in your source: “Cached with Swift Performance”

    by the way if you like to show datepicker without weekends:
    place this to quick css:

    .ui-datepicker-week-end {
    	    display:none
    }

    if you don’t want to exclude dates this will be enough:

    function my_datepicker_defaults() {
    ?>
     <script type="text/javascript">
        jQuery(document).ready(function(){ 
            jQuery.datepicker.setDefaults({
                      minDate: new Date('2018/12/01'),
                      maxDate: new Date('2019/12/31')
                });
        });   
     </script>
    <?php
    }
    add_action('wp_footer', 'my_datepicker_defaults', 20);

    you can have relative dates by:

    minDate: 0,
    maxDate: "+12m"

    means from today til +12month

    you can reach it via child-theme functions.php.
    i use it in combination with exclude dates.
    If so these have to be before min-date / max-date setting:

    be carefull – do not exclude the dates with 01 for January etc – just 1

    function exclude_datepicker_dates() {
    ?>
    <script type="text/javascript">
        var unavailableDates = ["2019/1/15" , "2019/12/25"];
        function unavailable(date) {
        ymd = date.getFullYear() + "/" + (date.getMonth() + 1) + "/" + date.getDate();
          if (jQuery.inArray(ymd, unavailableDates) == -1) {
          return [true, ""];
          } else {
          return [false, "", "Unavailable"];
          }
        }
    </script>
    <?php
    }
    add_action('wp_footer', 'exclude_datepicker_dates', 10);
    
    function my_datepicker_defaults() {
    ?>
     <script type="text/javascript">
        jQuery(document).ready(function(){ 
            jQuery.datepicker.setDefaults({
                beforeShowDay: unavailable,
                      minDate: new Date('2018/12/01'),
                      maxDate: new Date('2019/12/31')
                });
        });   
     </script>
    <?php
    }
    add_action('wp_footer', 'my_datepicker_defaults', 20);
    in reply to: Auto fill out a product title to contact form? #1107423

    That is realy nice – and it could be tranfered easily to cf7 aswell.

    But : is it possible not to have a manually setting but to insert directly the portfolio name from that url where it comes from.
    All Portfolios have on my setting the syntax of: domain-name/portfolio-item/portfolio_name/

    in reply to: Lightbox: Displaying 'alt' tag below image #1107402

    ok – i’m out now. Sorry

    in reply to: Lightbox: Displaying 'alt' tag below image #1107270

    Well i do not see any tooltip on firefox. The first image has one title tag. so on hovering it there is no tooltip.
    Chrome did it too – only safari after a few seconds – allthough the title tag is empty – it shows a tooltip – do not know why.

    in reply to: Lightbox: Displaying 'alt' tag below image #1107257

    please see here: https://kriesi.at/support/topic/lightbox-displaying-alt-tag-below-image/#post-1107250

    your event listener is on the container not the img – just copy paste this from the link !!!

    i can see in your source code the the event is still on the container above the img.

    it has to be on the img like in the code : https://kriesi.at/support/topic/lightbox-displaying-alt-tag-below-image/#post-1107250

Viewing 30 posts - 6,541 through 6,570 (of 11,492 total)