Forum Replies Created

Viewing 30 posts - 7,921 through 7,950 (of 11,832 total)
  • Author
    Posts
  • in reply to: Tabs in Enfold don't have proper slug #1001180

    the whole page is visible and readable too. See source code all tab content is there.
    Google will index the whole page ! : http://thomasianwilson.com/learn
    but it will not index it with the hash as single content e.g. for: http://thomasianwilson.com/learn/#tab-id-4

    the code above allows you to set the id to e.g: http://thomasianwilson.com/learn/#color-blindness

    you see that allthough the first tab is active – the content of the second tab is not set to display:none.
    it is in source code visible/crawlable/readable
    (click to enlarge)

    • This reply was modified 7 years, 3 months ago by Guenni007.
    in reply to: Accordion Title to h2 #1001176

    PS
    this line

    replaceElementTag('h3.aviaccordion-title', '<h2></h2>'); 
    

    could be added by new lines in the same way (‘tag to replace’, ‘new tag’)
    so you can use this for more replacements

    in reply to: Accordion Title to h2 #1001174

    put this in your functions.php of your child-theme:

    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('h3.aviaccordion-title', '<h2></h2>'); 
        
      }(jQuery)); 
    </script>
    <?php
    }
    add_action('wp_footer', 'replace_tags_with_tags');
    in reply to: video loop #1001169

    first : is there a link we could see.
    then : describe a bit more your settings. Where did you place the video – as background in color-section; as video alb element in content; as a link and video opens on lightbox etc.

    in reply to: How can I add an Icon to my text in the navigation? #1001097

    or you can insert on Dashboard / Menu into the navigation label an image just before the text
    f.e. : <img src="https://webers-testseite.de/wp-content/uploads/webers-web-256farben.png" alt="image-before-menupoint" /> testpages

    it is easier to address if you gave to that menu point a custom class as i did : imagelink

    then on quick css the rest:

    .imagelink.menu-item img {
        display: inline-block;
        width: auto !important;
        height: 50%;
        position: relative;
        vertical-align: middle;
        padding-right: 5px;
    }

    you have to adjust a bit for your needs the height
    and for the mobile menu ( hamburger maybe display none or style it extra css)

    look here on testpages menupoint: https://webers-testseite.de/

    in reply to: Tabs in Enfold don't have proper slug #1001090

    have a look to these “internal linking tut” ond Yoast: Link
    but as far as i know google don’t like those url fragments : Link

    • This reply was modified 7 years, 3 months ago by Guenni007.
    in reply to: Tabs in Enfold don't have proper slug #1001082

    first of all you can activate the prettier url hashes by this to functions.php of your child-theme:
    you can then give each tab a unique custom id

    add_theme_support('avia_template_builder_custom_tab_toogle_id');
    

    indeed these anchors are not crawled as a link for a unique page.
    for Yoast it is best you ask there for a solution – they would know of that problematic.

    i do alway make a sitemap.xml and upload that to google webmaster tools.

    • This reply was modified 7 years, 3 months ago by Guenni007.
    in reply to: Enfold; Socket – enable URL links? #1001010

    by the way – these entry fields of Enfold Options like copyright or telephone number field – They accept the input via shortcode

    so you can even create a enfold button – activate the debug mode and copy/paste the shortcode to that entry fields

    yes – my solution will show the whole video – alway – like it was a background-size : contain.
    But this will end in black bars left/right on wide screens – if you can live with a crop – than it is ok.
    Glad we found a solution.

    without black bars left/right this will be not possible on wide screens.
    you can force the height by:

    
    #top.home .av-video-slide iframe {
        height: calc(100vh - 88px) !important;
        top: 0 !important;
    }
    
    .home #wrap_all {
        height: 100vh !important;
    }

    because your header height is 88px at the beginning

    PS:
    you have to go through your media links ( favicon etc. alot of them aren’t https) a search and replace plugin can do the job

    just give a padding-top to main content:

    .html_header_transparency #main {
    	padding-top:35px
    }
    in reply to: Urgent !! How to change opacity ? #1000628
    .wpb_animate_when_almost_visible {
    opacity: 1;
    }

    The opacity property can take a value from 0.0 – 1.0. The lower value, the more transparent:

    https://www.w3schools.com/css/css_image_transparency.asp

    ja aber wie gesagt – es ist doch alles vorhanden:
    https://webers-testseite.de/beenee/

    Sorry es ist normalerweise nicht logo oben Nav unten – habe ich nur mal für diese Seite gemacht, deshalb nicht optimiert.
    Das Bild was du hast muss auch anders sein.

    Aber das ist es doch .

    in reply to: LayerSldier Menu does show on firefox, but not on Chrome. #1000541

    Thanks – !

    in reply to: Customize my account login page #1000539

    you mean that normal /wp-login.php page?

    this comes to functions.php of your child-theme

    function custom_login_logo() {
        echo '<style type="text/css">
        h1 a { background-image:url(/wp-content/uploads/logo.png) !important;
        background-size: contain !important; 
        height: 100px !important; 
        width: 300px !important; }
        </style>';
    }
    add_action('login_head', 'custom_login_logo');
    
    add_filter( 'login_headerurl', 'custom_loginlogo_url' );
    function custom_loginlogo_url($url) {
      return 'https://url...';
    }

    the second one is for the backlink of the new image
    you have to adjust the height and width to your logo and your needs

    f.e. :

    • This reply was modified 7 years, 3 months ago by Guenni007.
    in reply to: How can I add an Icon to my text in the navigation? #1000538

    well –
    1 you had to know the hex-code of the icon you like to use
    2 you had to know the name of the icon-set
    3 you had to know the menu-item id
    4 this comes to quick css:

    #menu-item-2467 a::before {
        content: "\e8c9";
        font-family: entypo-fontello;
        display: inline-block;
        font-size: 30px;
        padding-right: 5px;
        vertical-align: middle;
        color: #f00;
    }

    5 you must decide the style ( color of the icon-font , font-size etc)
    see here with my impressum link : https://webers-testseite.de/

    if you have transparency pages it might be a good idea to define a color for it:

    .header-scrolled #menu-item-2467 a::before {
    color: #333
    }
    in reply to: blacklist emails from contact form #1000536

    maybe we can do something over this check in contact.js:

    if(classes && classes.match(/is_email/))
    {
    	if(!value.match(/^[\w|\.|\-]+@\w[\w|\.|\-]*\.[a-zA-Z]{2,20}$/))
    	{
    		surroundingElement.removeClass("valid error ajax_alert").addClass("error");
    		send.validationError = true;
    	}
    	else
    	{
    		surroundingElement.removeClass("valid error ajax_alert").addClass("valid");
    	}
    	nomatch = false;
    }

    but this is something totaly different.
    That is a normal full-screen slider as first alb element in your page setting. With a transparent ( maybe a glassy header style)
    so where is you problem?

    can you please create such a page on your test environment. Then it is better to have some tips for you.

    – oder mach einfach mal ne Zeichnung wie es aussehen soll.

    in reply to: http Fehler beim Bilder Upload #1000526

    da gab es mal bei dem speziellen Hoster einige Probleme.
    Link
    zB was auch den zip ( und die demos etc sind nun mal zip komprimiert) upload betrifft – der musste bei einigen aktiviert werden.
    Eventuell ist das mit jpegs ähnlich.
    Sind den alle jpgs so oder nur einige die sich nicht uploaden können.
    was ist das für eine Fehlermeldung genau – bitte mal posten

    PS : welche php Version hast du laufen auf deinem Server?

    you see that is only a good solution if you have a non shrinking and scrolling header !

    btw: this is something you can see here on my start page between footer and socket https://webers-testseite.de/

    on advanced layerslider there is a setting ( if advanced styling is on) to shift an existing advanced slider in the DOM

    f.e. you can do that for scrolling header realy simple by a new hook Enfold got ava_after_body_opening_tag

    1 go and create your slider with all settings you like.
    2 activate the debug mode and note your shortcode for that slider
    3 insert that via do_shortcode to that hook: ( i did it only for that demo page https://webers-testseite.de/slider-above-main-header/ ):

    add_action('ava_after_body_opening_tag', function() {
    if ( is_page(33084) ) {
      echo do_shortcode("[av_slideshow_full size='featured' min_height='0px' stretch='' animation='slide' conditional_play='' autoplay='true' interval='5' control_layout='av-control-default' src='' attachment='' attachment_size='' position='top left' repeat='no-repeat' attach='scroll' av_uid='av-jl5dw6m9' custom_class='']
    [av_slide_full id='31979'][/av_slide_full]
    [av_slide_full id='31978'][/av_slide_full]
    [av_slide_full id='31977'][/av_slide_full]
    [/av_slideshow_full]");
    }
    });

    Structure of that hook :

    add_action('ava_after_body_opening_tag', function() {
      echo do_shortcode(" your shortcode goes here ");
    }
    in reply to: Turning-off "ligatures" in Roboto font. #1000465

    well the css for that is :
    PS i did not know either – but google and css font ligatures will bring sometimes the solution.

    h1,h2,h3 {
        font-variant-ligatures: none !important;
    }

    there are alot of settings – you had to test it
    nearly all modern browsers know that : https://caniuse.com/#search=font-variant-ligatures
    but the font itself has to have that variant in it ! If not your have to use a different font.

    Edit: i tested it on Google font page – it works with Roboto

    if you only want to have it on headings element of Enfold:

    .av-special-heading-tag {
        font-variant-ligatures: none !important;
    }
    • This reply was modified 7 years, 3 months ago by Guenni007.

    it works on my end – but empty all cache types – especially that of the mobile, before you say it doesn’t work.
    I test all my advices beforehand.

    i think you should be more explicit on your request.
    You mean a slider between top-bar and logo area ( so to be more precise : between #header_meta and #header_main).
    What should happen to this slider when scrolling down? – should it stay fixed or scrolls with header_meta away?
    What happens to your header_main ? Is it fixed or does it scroll.?

    etc pp

    in reply to: Lightbox funktioniert nicht #1000410

    Punkt 1 ) in den Theme Options ist aber der Haken bei : Lightbox Modal Window gesetzt?
    Punkt 2 ) hast du von vorigen Versionen eventuell in deinem child-Theme Ordner auch eine header.php

    in reply to: Menu with center logo and Shrinking Header #1000390

    but you got a good solution too now!

    you only have to find a solution for smaller screens and for mobile view

    in reply to: Menu with center logo and Shrinking Header #1000373

    well first – take the logo center – navigation underneath.
    this will end in : that navigation is in header_main_alternate container and not in logo container.
    so this will be easy to set this (logo) to display: none (for the desktop screens)

    On Dashboard – Appearance – Menu

    the “navigation logo” is a custom link with img link in the navigation label ( something like : <img src="https://webers-testseite.de/weber/wp-content/uploads/2017/09/logo-top.png" alt="Logo" /> )
    go and let show the classes for menu links – i gave a class to this logo: logoimg

    so now the trick:
    you have to edit : avia-snippet-sticky-header.js
    on older enfolds this was part of avia.js but now we have an own external js file.

    you can see it here (and download it too): https://pastebin.com/h4LW4JHV

    on line 49. there is a new line:

    navlogo         = $('.logoimg img'),
    

    and this is in the script of shrinking the new usage of it on line 94:

    navlogo.css({'maxHeight': 2*newH + 'px'});
    

    so when we start at a normal header height of 100px – this navigation logo will start at 200px
    and on normal shrinking amount of 1/2 this will end at 100px

    to have a child-theme usage of this new file put this to your child-theme functions.php:

    
    add_action( 'wp_enqueue_scripts', 'wp_change_sticky_header_script', 100 );
    function wp_change_sticky_header_script() {
       wp_deregister_script( 'avia-sticky-header' );
       wp_enqueue_script( 'avia-sticky-header-child', get_stylesheet_directory_uri().'/js/avia-snippet-sticky-header.js', array('avia-default'), $vn, true);
    }

    put the file to child-theme/js folder

    the rest now is quick css :

    .logo, .logo a { display: none } 
    .container.av-logo-container { position: absolute }
    .logoimg .avia-menu-fx { display: none }
    
    /*** this is the menu-item for the logoimg menu point - you have to look what item id it has ***/
    #av-burger-menu-ul .menu-item-460 { display: none }
    
    /*** some styling ***/
    .logoimg img {
    -webkit-filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.9));
    filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.9))
    }
    
    @media only screen and (max-width: 767px){
    .container.av-logo-container { position: relative }
    .logo, .logo a { display: block }
    }

    now it depends on if you are having a sub-menu on top how to style the image: (you must know the menu-item id of the image)

    #menu-item-460 img {
        top: -35px !important;
        position: relative;
    }
    in reply to: remove google fonts #1000329

    i can see that enfold uses this font ( register-backend-styles.php ) if you are working on general styling by predefined color schemes ( black or blue/yellow)
    but if you do not have this in a css or in enfold / advanced styling – this should not be loaded.
    Anyway – if all of your fonts are loaded over an own server ( manually socalled) and not by google – you can do this into functions.php of your child-theme:

    add_action( 'init', 'enfold_customization_switch_fonts' );
    function enfold_customization_switch_fonts() {
        global $avia;
        $avia->style->print_extra_output = false;
    }

    on class-style-generator.php you can see the function print_extra_output and that it is for google font loading (line 355)

    to realy get rid of the last rest you can use this plugin: remove-google-fonts-references
    this works still with newest enfold

    • This reply was modified 7 years, 3 months ago by Guenni007.

    and by the way – sometimes it is only the tmp directory missing (which is defined on wp-config.php) on the wordpress installation.

    in reply to: remove google fonts #1000311

    and if you see gtmetrix results :
    click to enlarge

    you see that the results are not so bad

    • This reply was modified 7 years, 3 months ago by Guenni007.
Viewing 30 posts - 7,921 through 7,950 (of 11,832 total)