Forum Replies Created

Viewing 30 posts - 5,071 through 5,100 (of 11,984 total)
  • Author
    Posts
  • in reply to: Toggle header p to h3 #1266942

    There is probably also a jQuery solution without the need to deposit a child theme version of toggles.php file .
    However, some of the contributors here are of the opinion that bots such as the Google Bot would probably read over these jQuery replacements and still SEO wise lead the as p-tag.

    you can test this first in your 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('.togglecontainer p.toggler', '<h3></h3>');
      }(jQuery)); 
    </script>
    <?php
    }
    add_action('wp_footer', 'replace_tags_with_tags');
    in reply to: Toggle header p to h3 #1266941

    i realy think that the best and propper way would be to have a child-theme toggles.php file
    you find the original file in your enfold folder: /config-templatebuilder/avia-shortcodes/toggles/

    on line 917 ( Enfold newest Version) there is :

    $output .= '        <p data-fake-id="#' . $toggle_atts['custom_id'] …
    

    and the closing tag is on line 918

    $output .= '        <span class="vert_icon"></span><span class="hor_icon"></span></span></p>';
    

    instead of those two p insert your h3
    see here the edited file: https://pastebin.com/fREzmbUb
    or download it from my pastebin : Link

    put that edited ALB Element to your child-theme/shortcodes folder
    this folder is not per se in your child-themes folder – create it then

    and put this ( if it is not allready done) to your child-theme functions.php :
    you find this snippet on documentation : https://kriesi.at/documentation/enfold/intro-to-layout-builder/#customization

    function avia_include_shortcode_template($paths){
      $template_url = get_stylesheet_directory();
          array_unshift($paths, $template_url.'/shortcodes/');
      return $paths;
    }
    add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
    • This reply was modified 5 years, 2 months ago by Guenni007.
    in reply to: How to change menu in photography demo design #1266929

    what about your menu options page on dashboard
    did you create a menu and mark for it that it is the enfold main menu?

    in reply to: left to right and right to left animation modification #1266920

    this is nearly the same rule from shortcodes.css – and you only want to overwrite the timing to 0.7s

    one difference is that original shortcodes.css has 0.8s – and allthough i could not imagine that the 0. is mandatory try it with 0.7s instead of .7s

    and you do not see the code on developer tools to be active? because i couldn’t see a difference of 0.1s

    in reply to: Best way to change grid layout #1266782

    if you do not have child-theme you can manage it by functions.php of parent – but then again an update will overwrite all settings there.
    the right place to insert those snippets it at the bottom of funcitons.php
    just before :

    require_once( 'functions-enfold.php');
    

    there is a comment on that place :

    /*
     *  register custom functions that are not related to the framework but necessary for the theme to run
     */
    in reply to: Best way to change grid layout #1266780

    you can try it with filter on that.
    Put this to your child-theme functions.php
    context blog goes with the context : index

    add_filter('avf_post_slider_args', function($atts, $context){
      global $posts;
      if($context == 'index') {
        $atts['type']  = grid; 
        $atts['columns']  = 2;
      } 
      if($context == 'archive') {
        $atts['type']  = grid; 
        $atts['columns']  = 4;
      }
      if($context == 'tag') {
        $atts['type']  = grid; 
        $atts['columns']  = 5;
      }
      return $atts;
    }, 10, 2);

    shortversion if the column-count is the same:

    add_filter('avf_post_slider_args', function($atts, $context){
    	global $posts;
    	if($context == 'index' || $context == 'archive' || $context == 'tag') { $atts['columns']  = 2;}
    	return $atts;
    }, 10, 2);
    in reply to: Youtube Video embed doesn't work #1266779
    in reply to: Help putting icons in one row on small bar in header #1266325

    or with the animated icons:

    <p class="ontop"><a href="mailto: (Email address hidden if logged out) ">[av_font_icon icon='ue805' font='entypo-fontello' size='24px' position='left'][/av_font_icon] (Email address hidden if logged out) </a></p><p class="ontop"><a href="tel:8056580109">[av_font_icon icon='ue854' font='entypo-fontello' size='24px' position='left'][/av_font_icon](805) 658-0109</a></p>

    and:

    .phone-info  p.ontop {
        display: inline-block;
        margin-right: 10px;
    }

    but then you had to style the postition of the icons.
    maybe a mod could help you to do that

    in reply to: Help putting icons in one row on small bar in header #1266322

    maybe you try only html and a bit of quick css:
    put this to your phone-info field:
    <a href="tel:8056580109"><span class="tel">(805) 658-0109</span></a> | <a href="mailto: (Email address hidden if logged out) "><span class="mail"> (Email address hidden if logged out) </span></a>

    The telephone number in the href should be with maybe countrycode we in Germany got +49 – you will know your whole number ( no spaces in it)
    in the span itself you can write what you like to have – maybe only Mail and Phone

    then to quick css:

    .phone-info span::before {
        font-family: entypo-fontello;
        font-size: 24px;
        padding-right: 5px;
        position: relative;
        top: 2px;
    }
    
    .phone-info .mail::before { content: "\e805"; color: #090}
    .phone-info .tel::before { content: "\e854"; color: #009}

    if you do not need extra color for the icons – put a uniform color to the span:before rule and erase it in mail and tel

    in reply to: WordPress 5.6 and PHP 8 #1266289

    on one installation the shrinking header was set to a fixed height with the same line-height. – and what was annoying was that it was set to the smallest value after shrinking. So both classes header-scrolled and header-scrolled-full were set directly

    in reply to: WordPress 5.6 and PHP 8 #1266032

    No – php8 is not yet available at my provider (AllInkl)

    Wordfence Info on that

    • This reply was modified 5 years, 2 months ago by Guenni007.
    in reply to: WordPress 5.6 and PHP 8 #1266008

    i have disabled on most of my installations – the automatic updates.
    I do wait – because the new embedded jQuery ( v3.5.1 ) will cause on a lot of themes and plugins conflicts.
    If the installation is allready done – try to install Enable jQuery Migrate Helper and set to legacy 1.12.4 jQuery
    until fixes are available

    in reply to: Problems with Enfold in combination with WordPress 5.6 #1265977

    maybe they did an update fo jQuery. in Preparation to php8
    On one of my installation the shrinking header script does not work after that WP5.6 install.

    Try to test the Enable jQuery Migrate Helper Plugin in this case.
    After Installation under Tools – jQuery Migrate and switch to Legacy 1.12.4 – and test if that helps til fix is available

    Yes try in manual link option of the icon alb:
    https://www.youtube.com/watch?v=G0k3kHtyoqc?iframe=true&autoplay=1

    in reply to: Alt + title attributes for button and logo? #1265806

    for Logo try it with the filter in your child-theme functions.php:

    function avf_change_logo_alt($alt) {
       $alt = "New Alternate Text Here";
       return $alt;     
    }
    add_filter('avf_logo_alt', 'avf_change_logo_alt');
    
    function avf_change_logo_title($title) {
       $title = "The new Title is here";
       return $title;     
    }
    add_filter('avf_logo_title', 'avf_change_logo_title');

    and for alternate logo ( logo if you set transparency logo) try:

    function my_custom_attributes_for_alternate_logo($header_filtered){
      $header_filtered['header_replacement_logo_title']  = 'Alternate Logo Title';
      $header_filtered['header_replacement_logo_alt']  = 'Alternate Logo Alt';
      return $header_filtered;
    }
    add_filter( 'avf_transparency_logo_data', 'my_custom_attributes_for_alternate_logo' );
    in reply to: Alt + title attributes for button and logo? #1265800

    Well – i don’t remember that this has been implemented before. But a custom title attribute input field is still there! –
    But to my opinion it is better positioned at the anchor itself than on the parent container.
    {$title_attr} could be inserted to the output on the anchor:

    A custom-field for alt should be as easy to have here too.

    f.e.: https://pastebin.com/HqE8KKgP
    Download: Link

    The alt attribute input field is not attached to display title field it is alway there if a custom-alt is inserted

    to have your own child-theme alb elements see here: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb

    use flex-model for it.
    Are these layouts grid-row elements or columns?

    if you have grid rows – just give a custom-class to your grid-row element that should break reverse.
    f.e. : reverse-order

    just copy to your quick css:

    @media only screen and (max-width: 989px) {
      .av-layout-grid-container.reverse-order {
        display: flex !important;
        flex-flow: row wrap-reverse;
      }
      .av-layout-grid-container .flex_cell {
        min-height: 350px 
      }
    }

    ( if you have the break-point set on grid-row element at 768 just change the media querry value to 767px )

    the last rule is just to not loose the background-images in my example : https://webers-testseite.de/reverse-order/

    But – it is not an essential cookie!
    This would contradict the GDPR.
    You would invite your visitors to admonish you. It is almost the prime example of a cookie with data collection rage.

    • This reply was modified 5 years, 2 months ago by Guenni007.
    in reply to: Looping potfolio #1265623

    the other question is : how to loop only in the same category …
    use search function with : “same_category”

    in reply to: no individual font sizes in "text-block" #1265616

    den stellt man bei “Allgemeines Styling” Schriften ein.
    Wie gesagt das erbt der p-tag vom body-tag

    Ein Inline-Style schlägt mit Spezfität : 1,0,0,0 zu buche (https://css-tricks.com/specifics-on-css-specificity/)

    warum der inline-style einen Selector mit 0,1,1,1 nicht überbietet kann ich momentan nicht sagen – normalerweise ist ein inline-style immer der Sieger!

    _______________

    An inline style is rated with specificity : 1,0,0,0 (https://css-tricks.com/specifics-on-css-specificity/)

    why the inline-style does not outbid a selector with 0,1,1,1 is something I cannot say at the moment – normally an inline-style is always the winner!

    • This reply was modified 5 years, 2 months ago by Guenni007.
    in reply to: no individual font sizes in "text-block" #1265578

    PS : jetzt weiss ich es – du hast unter advanced styling den p-tag definiert.
    diese anweisungen erscheinen dort hinter der besagten Stelle

    in reply to: no individual font sizes in "text-block" #1265569

    du hast im enfold.css folgende Regel erstellt:

    #top .header_color p, 
    #top .main_color p, 
    #top .alternate_color p {
        font-size: 18px;
        line-height: 1.4em;
    }

    eigentlich erbt der p-tag die Schriftgröße (und Zeillenhöhe) vom body tag!
    diese css Regel habe ich nicht in meinem css. Daher dürfte das der Knackpunkt sein.

    Allerdings ist mir noch unklar wie du es eingefügt hast. Denn normalerweise befinden sich die Einträge in der Quick css vor
    diesen Einstellungen im css ( das sind die Enfold Optionen des general stylings.

    .container {width:100%;} .container .av-content-small.units {width:73%; }
    			
    			  .responsive .boxed#top , .responsive.html_boxed.html_header_sticky #header, 
    			  .responsive.html_boxed.html_header_transparency #header{ width: 1310px; max-width:90%; }
    			  .responsive .container{ max-width: 1310px; }

    durch die höhere Spezifität der css Regel ( 1ID, 1Klasse, 1 Element) wird das inline css nicht umgesetzt.

    in reply to: no individual font sizes in "text-block" #1265446

    sorry bin auch nur “Participant” – aber eben mit einer Menge an css und javascript Erfahrung.
    Sonst schick mir doch mal nur den Link ( Zugangsdaten brauche ich nicht ) via E-Mail zu – Daten sind unter meinem Nick hinterlegt.

    in reply to: no individual font sizes in "text-block" #1265423

    kannst du mal den link zur testseite posten?

    in reply to: no individual font sizes in "text-block" #1265288

    this is strange because on my end it works well. On your preview it looks as if the value goes to the line-height value only.
    do you have the newest Version of Enfold? but, as far as I know, such a bug did not occur yet.

    in reply to: Strange character in mega menu #1265286

    yes – as far as i can see –
    or do you mean those signs on the first column – did you try to insert on menu label an image ( maybe gif )

    ________________
    if you like to have a little extra :

    #top #header .avia_mega_div > .sub-menu > li > ul > li a:hover .avia-menu-text {
        padding-left: 10px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        color: white;
    }
    
    #top #header .avia_mega_div > .sub-menu > li > ul > li a .avia-menu-text {
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    • This reply was modified 5 years, 2 months ago by Guenni007.
    in reply to: format title in galerie #1265153

    well the given css has one selector more than the above – and then it is more specific :
    Try:

    div .mfp-title {
        font-size: 20px;
    }

    you see that the rule with the div wins that competition ;)
    and if you want to be sure that your custom css overrules the given one take the #top rule

    https://specificity.keegan.st/

    in reply to: Unresponsive #1265150

    but I think there is a problem of understanding. A background image per se can’t be responsive, because the content decides the size of the container.
    To display the complete content the container height has to be adjusted flexibly. No image in the world meets such criteria.
    I have here a color-section forced by css to be responsive to the background image.
    You see what happens to the content when the screen width is narrow?
    https://webers-testseite.de/responsive-colorsection/

    Now to the sliders – if you choose the fullscreen slider that is similar to that issue.
    The Slider is forced to have a 100% of screen height : 100vh.
    what should an image do that is landscape on a portrait format hold phone?

    If you take the full-width slider – that reacts responsive – but content of it should have enough place.
    Try on a copy of that f.e. startpage the full-width slider.

    in reply to: Unresponsive #1265146

    Thanks – On which of the pages is the problem described by you

    in reply to: Strange character in mega menu #1265141

    what exactly do you mean by “strange characters” ?
    these are indicators that there is an unordered list – just “bullet points”

    if you do not like to have them – just set them to display:none

    .avia_mega_div .avia-bullet {
        display: none;
    }

    and if you do not like to have the list points with offset to the left:

    #top #header .avia_mega_div > .sub-menu > li > ul > li a {
      padding: 3px 12px 3px 0px;
    }
Viewing 30 posts - 5,071 through 5,100 (of 11,984 total)