Forum Replies Created

Viewing 30 posts - 5,371 through 5,400 (of 11,875 total)
  • Author
    Posts
  • in reply to: An awesome mouse over function #1227283

    and even that link is not able to post on public?

    in reply to: Unable to view text block #1227280

    This site was built by a consultant back in 2016 and handed off to us to manage.

    Are you familiar with using a ftp client? Please go to your ftp folder of enfold-child and have a look if there are other files than :
    style.css , functions.php and screenshot.png – if so – please tell us what folders/files are in additon on the server.
    Maybe that consultant has created some own child-theme files.
    Updating via the dashboard does not overwrite these files ( and that is among other things the advantage of a child theme ) – but sometimes when essential files are updated the child-theme files had to be adjusted.
    F.e. some users got an own child-theme header.php – there was a time where the lightbox implementation changes on Enfold Parent Theme ( and that is in header.php) – so after updating the lightbox does not work anymore.
    it would help if we knew if such extra child files existed.

    Next assumption: Updating via the dashboard does not always work correctly. It seems to finish the update process successfully, but it has left write errors.
    i do always update via ftp this way: https://kriesi.at/support/topic/some-hints-and-advice-to-update-enfold/#post-1056107
    This also has the advantage that there is always a rollback in case of inconsistencies.

    If you have your child-theme – than you can try that if it brings back a working textblock alb. ( except there are the given : Maybe on top )

    in reply to: Shortcodes don't work in post header #1227228

    i thought to that first – but my guess was that if it is used elsewhere in the whole site – the scripts are loaded. And because of the same site/domain this would mean that the slider scripts are loaded.
    That is one trick i use often when inserting a shortcode to other alb elements f.e.: an icon-list in an accordion slider.
    for those elements i have an extra page which i do not link in my page and excluded from SEO and Search Results. Only for that kind of usage.

    in reply to: White/transparent text on text highlight #1226695

    i have that blue on your site no white font on white background:
    thats what my developer tools gives for your site:

    ::selection {
        background-color: #3c5db1;
        color: white;
    }

    if you want to have a different setting do not forget to set for moz selection

    • This reply was modified 5 years, 6 months ago by Guenni007.
    in reply to: Different logo for mobile – 2020 CSS #1226649

    and you really want to change the logo only for mobile devices – or do you mean for small screen widths?

    for mobile devices put this to your child-theme functions.php

    add_filter('avf_logo','av_change_mobile_logo');
    function av_change_mobile_logo($logo){
        if(wp_is_mobile()){
          $logo = "/wp-content/uploads/mobile-logo.png";
        }
        return $logo;
    }

    and if you want to have on mobile devices a different transparency logo:

    function av_change_mobile_transparency_logo($header){
        if(wp_is_mobile()){
            $header['header_replacement_logo'] = "/wp-content/uploads/mobile-transparent-logo.png";
        }
        return $header; 
    }
    add_filter('avf_header_setting_filter','av_change_mobile_transparency_logo');
    in reply to: Icons in bullets #1226647

    the code above is complete?
    every opening tag – needs a closing one – so every <ul> needs a </ul>
    but why three lists ?
    i guess this will be enough code:

    <ul class="icon-bullets">
     	<li class="icon-location"><a href="https://google-maps-link" rel="nofollow">Address</a></li>
     	<li class="icon-phone"><a href="tel:+000000000" rel="nofollow">(+000) 000 000 000</a></li>
     	<li class="icon-mail"><a href="mailto: (Email address hidden if logged out) " rel="nofollow"> (Email address hidden if logged out) </a></li>
    </ul>

    and:

    ul.icon-bullets li {
    	list-style: none;	
    }
    
    ul.icon-bullets li {
    	padding-left: 8px; 	
    }
    
    ul.icon-bullets li::before {
        font-family: 'entypo-fontello';
        font-size: 23px;
        font-weight: normal;
        position: absolute;
        left: -6px;
        width: 30px;
        text-align: center;
    }
    
    ul.icon-bullets li.icon-location:before { content: '\e842' }
    ul.icon-bullets li.icon-phone:before { content: '\e854' }
    ul.icon-bullets li.icon-mail:before { content: '\e805' }
    

    with text-align you decide where the icons are in the before containers.

    can not test your icon code

    One big trouble is that it is different on every browser.
    On that it would be easy to set a :focus state for the links – but f.e. my firefox browser only switches on top in the menu line ( browser menu line) by tab navigation. But i guess people with physical disabilities will have special browsers in this case.
    A reader is already implemented

    On Submenu – the arrow keys should indeed be activated for the menu: see here some good hints for the devs ;)
    https://www.w3.org/TR/wai-aria-practices/examples/menubar/menubar-1/menubar-1.html

    • This reply was modified 5 years, 6 months ago by Guenni007.
    in reply to: Change Size of Shrinking Header #1226602

    yes that would be nice – the mathematic is very ease and the avia-snippet-sticky-header.js could be as it is only these two factors had to be in relation to an input field ( f.e. shrink_factor – with standard : 2 ) on register-admin-options.php – this input field has dependency like custom height only visible when custom height is choosen.

    f.e.:

      $avia_elements[]  =  array(
    					"slug"	=> "header",
    					"name" 	=> __("Header Shrink Factor", 'avia_framework'),
    					"desc" 	=> __("Choose a custom shrink factor - two digits f.e. 2.85", 'avia_framework'),
    					"id" 	  => "header_shrink_factor",
    					"type" 	=> "text",
    					"std" 	=> "2",
    					"required" => array('header_size','custom') );

    the custom height is not important on those calculations – because it can be shortend

    one could also rearrange this formula, since division by a quotient is equal to multiplication by the reciprocal value

    on line 64 : if(st < el_height*(shrink_factor-1)/shrink_factor
    on line 76 : newH = el_height/shrink_factor;
    thats all.

    • This reply was modified 5 years, 6 months ago by Guenni007.

    sometimes a relative font-size ( f.e. the given settings for screenwidth relation fit well 4vw means 4% of screen width )

    if it is only for a few headings – open that page and open that heading ( if the page is made with the advanced layout builder)
    Sadly only the other heading styles not the standard style got this option on Style tab to set for 4 different screen width a font-size:

    • This reply was modified 5 years, 6 months ago by Guenni007.
    in reply to: Small artifacts around images in Safari #1226592

    we only see the one image – not your screenshot examples!
    Guess these are image galleries thumbnails under big image.
    on that alb you can see the options to choose image quality of big image – and image quality for thumbnails.
    ( click to enlarge)

    in reply to: White/transparent text on text highlight #1226590

    you found the solution yourself?
    i do not see the issue on your site!
    otherwise you can influence the hilite color by:

    ::selection {
      background: #fff67a !important; 
       color: #000 !important; 
    }
    ::-moz-selection {
      background: #fff67a !important; 
    color: #000 !important; 
    }
    in reply to: Unable to view text block #1226587

    the new Enfold works perfectly under newer php version. What is your hoster? On most cases you can switch yourself the php version to newer versions on Hoster Backend.

    in reply to: Image black-and-white/colorful #1226582

    on masonry or on image alb element?
    On Masonry there is an option on advanced tab – image effect: greyscale effect.

    On images as Victoria has already said : they have to be uploaded and inserted as colored images first – then they were set to grayscale by css.
    if you do not want to have it on all images ( see jordans css with #main as first selector ) – i would give a custom class like: gray-to-color to the image element – then this to quick css:

    .avia-image-container.gray-to-color img {
              -webkit-filter: grayscale(1);
                      filter: grayscale(1);
    }
    
    .avia-image-container.gray-to-color img:hover {
      -webkit-filter: none !important ;
              filter: none !important ;
    }

    and yes – if you got a link on them – remove the overlay :

    .gray-to-color .image-overlay {
        display: none !important;
    }
    in reply to: Unable to view text block #1226204

    What version of Enfold do you use? There was on one former version a little bug with text-block element.

    in reply to: Change Size of Shrinking Header #1226031

    only change the size ( start height and end height should be bigger ) but the shrink ration stayes the same : 1/2
    or do you intend to change that too?

    Introduction:
    https://kriesi.at/support/topic/shrinking-of-header-amount-an-info/

    and here vor actual solution : https://kriesi.at/support/topic/shrinking-of-header-amount-an-info/#post-1044887

    in reply to: Shortcodes don't work in post header #1226007

    Edit: no – could not be the solution – it is the same page.
    Is it reproducable the error? Means on all posts or portfolio pages the slider is not there?

    i think a mod had to login to your backend and see if there is on your constellation a reason why only on posts/portfolios the shortcode is hampered on that field.
    It is not a standard setting – your code works even on posts in my test environment. With or without transparent headers.

    • This reply was modified 5 years, 6 months ago by Guenni007.
    in reply to: Bug with Masonry on scroll #1225970

    i think it will be best to have a child-theme masonry-entries.js file and load that via child-theme functions.php:

    function wp_change_masonry_animation() {
       wp_deregister_script( 'avia-module-masonry' );
       wp_enqueue_script( 'avia-module-masonry-child', get_stylesheet_directory_uri().'/js/masonry_entries.js', array( 'avia-module-isotope' ), false, true );
    }
    add_action( 'wp_enqueue_scripts', 'wp_change_masonry_animation', 100 );

    i think we even can load that only for specific sites by if-clauses.
    then put the edited masonry-entries.js – into the child-theme/js/ folder
    change the line 257 to f.e.:
    masonry.waypoint(start_animation , { offset: '95%'} );

    in reply to: Bug with Masonry on scroll #1225965

    ps – i found a solution to change it on general via child-theme function:
    all credits goes @mensmaximus : https://kriesi.at/support/topic/animations-trigger-too-late/#post-651948

    you can do it as @mensmaximus described as external script or i think it could be done via child-theme functions.php as internal script.
    Maybe this is nice – because you can load that with if clauses only on pages where you like to change it.

    But i think because of the extra setting on masonry-entries.js – this is not influenced.
    – just brainstorming now to found a child-theme solution on changing the offset value for masonries.

    in reply to: Bug with Masonry on scroll #1225959

    so i think this is norml – and i avoid that on placing a white boarder on the bottom of that color-section : but that rearange of columns not – that is something different.

    just for info: on masonry-entries.js line 257:
    masonry.waypoint(start_animation , { offset: '80%'} );

    and on shortcodes.js lines 217ff:

    function activate_waypoints(container)
    	{
    		//activates simple css animations of the content once the user scrolls to an elements
    		if($.fn.avia_waypoints)
    		{
    			if(typeof container == 'undefined'){ container = 'body';};
    
    			$('.avia_animate_when_visible', container).avia_waypoints();
    			$('.avia_animate_when_almost_visible', container).avia_waypoints({ offset: '80%'});
    			
    			if(container == 'body') container = '.avia_desktop body';
    			$('.av-animated-generic', container).avia_waypoints({ offset: '95%'});
    		}
    	}

    Sadly i do not see any filter to change offset for a specific element ( f.e. custom-class or ID )

    • This reply was modified 5 years, 6 months ago by Guenni007.
    in reply to: Bug with Masonry on scroll #1225958

    the “come into viewport” is correlated to the waypoint script i think. You can set a trigger point that has to be passed before the animation starts.
    F.e. an offset of 50% ( means if the element passes the half of the viewport height – the animation starts. But in the consequence – if there is not enough content under the element to observe – the trigger can not be passed.

    For example: because waypoint script is allready implemented in enfold – we can use it for those scroll induced events
    on this page here – look what happens to the green div when the footer comes 20% to viewport (80% offsetTop)
    https://webers-testseite.de/pureinstall/brodes/

    This is a combination of animate.css ( Link ) hinge.
    If you see my custom script:

    function scroll_up_down_change() {
    if(is_page( array( 630))) {
    ?>
    <script>
    (function($) {
    	$('#kontaktbutton').addClass('animated');
    	var element_to_observe = $('#footer');
        element_to_observe.waypoint(function(direction) {
            if (direction == 'up') { $('#kontaktbutton').addClass('hinge'); }
            else { $('#kontaktbutton').removeClass('hinge'); }
            $('#kontaktbutton').toggleClass('hinge');
          	}, 
    		{ offset: '80%' });
    })(jQuery);
    </script>
    <?php
    }
    }
    add_action('wp_footer', 'scroll_up_down_change', 30);
    

    the observe element is: #footer – and the element to animate is : in this case that #kontaktbutton
    So maybe we can influence the enfold script in a way that the trigger point is not at a low offset but on a higher one.

    in reply to: Shortcodes don't work in post header #1225939

    das würde ich nicht als shortcode bezeichnen.
    das ist halt html. Kannst du mal bitte den gesamten code hier einblenden, – bitte nutze den code tag hier , damit ich durch copy&paste den schneller prüfen kann. Am besten wäre sogar ein link zu einer seite wo das funktioniert.
    wo setzt du den code von oben ein. In einem Post ( mit oder ohne Advanced Layout builder? – im Visual mode oder Text mode ?)

    in reply to: Shortcodes don't work in post header #1225898

    what do you mean by post header – what exactly do you do. Where do you insert that shortcode?

    in reply to: Shortcodes don't work in post header #1225816

    is in content f.e. in text editor etc. ?

    try to activate the do_shortcode for widget, content or nav etc ( this to child-theme functions.php )

    add_filter('widget_text', 'do_shortcode');
    add_filter('the_content', 'do_shortcode');
    add_filter('wp_nav_menu_items', 'do_shortcode');
    in reply to: Social Icons in Mobile Slide-out Menu #1225812

    ok – it is an old topic but if you look again in that – here is what i use for it the socket social icons . They had to be activated ! as Ismael too mentioned for the other solution!
    if you want to see social icons in the socket as well – remove the line in the snippet that sets it to display : none
    $('#socket .social_bookmarks').css({ 'display': 'none' });

    ( but they had to be in the DOM)

    https://kriesi.at/support/topic/logo-oben-navigation-darunter-links-und-social-icons-rechts/#post-1204870

    see test page: https://webers-testseite.de/pureinstall/

    • This reply was modified 5 years, 6 months ago by Guenni007.
    in reply to: Social icon in mobile menu #1225808

    i use for it the socket social icons . They had to be activated ! as Ismael too mentioned for the other solution!
    if you want to see social icons in the socket as well – remove the line in the snippet that sets it to display : none
    $('#socket .social_bookmarks').css({ 'display': 'none' });

    ( but they had to be in the DOM)

    https://kriesi.at/support/topic/logo-oben-navigation-darunter-links-und-social-icons-rechts/#post-1204870

    see test page: https://webers-testseite.de/pureinstall/

    • This reply was modified 5 years, 6 months ago by Guenni007.
    in reply to: Shortcodes don't work in post header #1225803

    did you check if a different shortcode works on that f.e.:
    [av_button label='Click me' icon_select='yes' icon='ue800' font='entypo-fontello' link='manually,#' size='small' position='left' color='theme-color' custom_bg='#444444' custom_font='#ffffff']
    a little button

    in reply to: Suchfunktion im Header #1225795

    ich glaube ich vergaß zu erwähnen, dass diese Veränderte Script Datei dann in den Child-Theme unterordner js muss.
    ist halt die normale Baumstruktur wie im Elternthema – ( ist nicht zwingend nötig, macht aber Sinn das beizubehalten. )
    Siehst du ja auch oben in dem Snippet wo das veränderte script zunächst im Elternthema deregistriert wird , und dann das Child Script geladen wird.

    in reply to: Put buttons at the bottom of the columns #1225793

    see here an example where it is usefull to have two custom classes on a given element.
    i have created a glassy 3D looking styling for Enfold Buttons. The one custom-class is for the styling option ( glass ) the other custom-class is for the color effects ( green , blue, red etc. pp )
    When i want to style now an Enfold Button ( light-transparent ) i only had to set these two classes to the button element.
    Input field is than on custom-class: glass blue
    https://webers-testseite.de/buttons/

    in reply to: Put buttons at the bottom of the columns #1225788

    Best would be to get familiar with developer tools of the browsers. Most ( i guess all ) have them implemented.
    You can show with your mouse on a part of your page and via kontext menu ( often the right mouse button ) you can then choose “inspect” or similar.

    Using the developer tools you can examine the site very well. Where which IDs or classes are; whether an element is a child element or a neighbour etc. pp.
    So when I look at your page now, I see that you have unnecessarily reassigned this default class to the color-section. This doesn’t bother in this case, but is obsolete. I can see that you have given the class home-box this time.

    this is what i see if i inspect the color-section of your homepage:
    click to enlarge the image:

Viewing 30 posts - 5,371 through 5,400 (of 11,875 total)