Forum Replies Created

Viewing 30 posts - 1 through 30 (of 5,761 total)
  • Author
    Posts
  • in reply to: Centering the logo on mobile #1163679

    quite confused up there in your css.
    What would I do now in a hurry.

    I would make myself a top 1/1 container ( no color-section) with your logo ( image ALB Element) in it, and link that image to the homepage.
    I would only display this container in the responsive case, while I would set the entire logo (span.logo) container to Display: none.
    Then only a small correction regarding #main padding would be necessary. Done.
    So that you don’t have to set this container on all pages, I would set it with jQuery as first-child of #main on all pages.

    See here a quick test page : https://webers-testseite.de/cynthia/special-header/

    you can insert this image on each site by filter

    add_action('ava_after_main_container', function() {
      echo do_shortcode("[av_one_full …]…[/av_one_full]");
    });
    in reply to: Promo box inside & outside color section #1163597

    Anyway the fact is that there are empty p-tags:

    and that is because of the rule above the reason for different behavior.

    See here your first link markup:

    in reply to: desktop 3 columns > tablet 2 columns > mobile 1 column #1163572

    Bitte – gern geschehen.

    Das kann man natürlich auch auf andere Elemente von Enfold übertragen. Iconboxes etc. pp

    Immer wenn gleiche Elemente auftauchen, die in einem gemeinsamen Elternelement stecken.
    Gilt zB auch für Listenpunkte – oder Hauptmenu Navigations Punkte.
    Bis dann

    in reply to: Promo box inside & outside color section #1163550

    Edit: That was a little too much urge to communicate here in this answer – therefore : away with it.
    The above is enough for your solution.

    in reply to: Promo box inside & outside color section #1163549

    i guess your site with promo box on the second case is built inside a text-block ? or similar to it.
    The wpautop filter adds some empty p-tags ( <p></p> ) here :
    and because of rule that influences headings as sibling of p-tag :

    p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {
        margin-top: 1.5em;
    }

    there will be that outlook.
    you can redefine the rule for promo-box – or deactivate wpautop filter in WordPress. (

    Or remove with one child-theme functions.php snippet all empty p-tags at all:

    function remove_empty_p_tags(){
    ?>
    <script type="text/javascript">
    (function($) {
        $('p:empty').remove();
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'remove_empty_p_tags');

    the margin on bottom of the whole promo-box is the same in both cases – but top margin is set here to another value – look into developer tools to see difference

    in reply to: desktop 3 columns > tablet 2 columns > mobile 1 column #1163547

    and here you see next advantage – the columns “width” 1/3 has no influence – what do you think would happen if i declare this for large screens?

    @media only screen and (min-width:1800px) {
      .three-two-one .entry-content-wrapper .flex_column {
        flex: 0 1 15%;
      }
    }
    in reply to: desktop 3 columns > tablet 2 columns > mobile 1 column #1163497

    on my test page i took a different screen-width range.

    /****  your tablet definitions - play with the values as you like  ***/
    @media only screen and (min-width: 600px) and (max-width: 989px) {
      .three-two-one .entry-content-wrapper .flex_column {
        flex: 0 1 47%;
      }
    }
    
    /*** this is not necessary because on that screen-width the Enfold default is 100%  ***/
    @media only screen and (max-width: 599px) {
      .three-two-one .entry-content-wrapper .flex_column {
        flex: 0 1 100%;
      }
    }

    you decide what looks best for your page
    All new browser can do that – but if you like to have a better browser coverage – see here: https://kriesi.at/support/topic/browser-specific-css/

    in reply to: desktop 3 columns > tablet 2 columns > mobile 1 column #1163495

    Well best would be to ignore Enfold Settings and play a bit with flexbox layout.

    on my testpage you see on top the flexbox – and in the grey color-section this is columns declaration on default.
    i gave to the top color-section a custom-class of: three-two-one :lol
    the top columns ( i take 1/3 – but this is not important ) – but take individual height please

    To play a bit with justify-content it would be nice to only have columns in that container and no :before and :after pseudo elements
    (thats the first rule)
    Put this to quick css then:

    .three-two-one .entry-content-wrapper:before,
    .three-two-one .entry-content-wrapper::after{
      display: none;
    }
    
    .three-two-one .entry-content-wrapper {
      display: flex;
      flex-flow: row wrap;
      justify-content:  space-between;
      align-items: stretch
    }
    
    .three-two-one .entry-content-wrapper .flex_column {
      flex: 0 1 28%;
      margin:0;
      padding: 0;
      margin-bottom: 3% 
    }
    
    /****  your tablet definitions - play with the values as you like  ***/
    @media only screen and (min-width: 768px) and (max-width: 989px) {
      .three-two-one .entry-content-wrapper .flex_column {
        flex: 0 1 47%;
      }
    }
    
    /*** this is not necessary because on that screen-width the Enfold default is 100%  ***/
    @media only screen and (max-width: 767px) {
      .three-two-one .entry-content-wrapper .flex_column {
        flex: 0 1 100%;
      }
    }

    you can see here the test page: https://webers-testseite.de/3columns/

    _____
    here a nice overview to flexbox layout: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
    here a playground to get a feeling on what could be done ( sorry this is german page – but you can play with checkboxes on bottom ) : https://www.mediaevent.de/css/display-flex.html

    on the last link for example see the part with : justify-content.
    now you see why i do no want to have before and after containers in it – these would be handled like flex items .
    The align-items : stretch results in “equal height containers” etc.

    A really might “tool” – isn’t it ?

    in reply to: Make whole portfolio grid entry link #1163407

    you see the code above the selector is: grid-entry but to exclude the ajax thing i find it via grid-sort-container
    and to exclude the ajax option there is the not rule
    this is only for grid layout

    in reply to: Custom Bulletpoints #1163406

    is there a link to see – it is easier to give advice then

    in reply to: Unmute on Layerslider #1163354

    How did you embed the video in the Layerslider?
    As a layer or background? A few settings that you can set depend on that.

    Just try to set the play muted to disabled

    in reply to: Darstellung des Sticky Mobile Burgers verändern #1163344

    with that background-image it is hard to recognize that there is a hamburger to click.
    And i would not show the advanced layerslider on responsive case ( mobile, small screens )

    maybe you style the colors a bit and make the line-height of the burger not shrink with the script:

    .header_color .av-hamburger:not(.is-active) .av-hamburger-inner, 
    .header_color .av-hamburger:not(.is-active) .av-hamburger-inner::before, 
    .header_color .av-hamburger:not(.is-active) .av-hamburger-inner::after {
    	background-color: #f4f1cb;
        -webkit-filter: drop-shadow(1px 1px 3px #000);
    	filter: drop-shadow(1px 1px 3px #000);
    }
    
    .responsive #top #header_main > .container .main_menu .av-main-nav > li > a {
      line-height:82px !important;
    } 
    in reply to: image linked to video appears to open duplicate lightboxes #1163340

    is it solved? because on testing the featured video function i had this too. And solved it by a littel functions.php snippet.

    So tell me what you need.

    can you post your child-theme functions.php here!

    in reply to: Change name of child theme #1163065

    have you activated the parent theme – before child-theme rename?
    then rename – and after that activate child-theme.
    then import theme settings file

    in reply to: Make whole portfolio grid entry link #1162977

    you can see results here on my test-page: https://webers-testseite.de/portfolio/
    Edit : i’m still experimenting a bit – so the example page could be not of the intended function.

    maybe Ismael knows a method to do it for that ajax setup too. Without that selector only for non ajax grids the click on ajax has two click events and does open first the window above the grid – but directly moves to the single portfolio.

    • This reply was modified 2 days, 14 hours ago by  Guenni007.
    in reply to: Make whole portfolio grid entry link #1162975

    so we had to make the changings only for not ajax protfolios – try this instead please:

    function transfer_link_from_child(){
    ?>
    <script>
    (function($){
    	$(document).ready(function(){  
    		$('.grid-sort-container:not(.grid-links-ajax)').find('.grid-entry .inner-entry').each(function(){
    			var theLink = $(this).find('.grid-image').attr('href'); 
    			$(this).addClass("clickme"); 
    			$(this).on("click", function(){
    				window.location.href = theLink;
    			});	
    		});
    	});
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'transfer_link_from_child');

    i styled it this way:

    .clickme:hover { 
    	cursor: pointer;
    	-webkit-filter: drop-shadow(2px 3px 5px #999);
    	filter: drop-shadow(2px 3px 5px #999);
    }

    i changed the code to containter with .inner-entry class because if you got padding on those the styling could be more precise

    in reply to: Make whole portfolio grid entry link #1162891

    click on one link please of the blog ( on the bottom or text )

    in reply to: Make whole portfolio grid entry link #1162879

    really ?

    in reply to: Make whole portfolio grid entry link #1162875

    yes i changed it allready on my post above – transmission errors ;)

    in reply to: Make whole portfolio grid entry link #1162864

    bei deinem Nick gehe ich mal davon aus, dass du Deutsch sprichts.
    Hast du mal einen Link worum es geht. In deiner Beschreibung oben fehlen ein paar Informationen um es nachzubauen.
    Da ist ein Link immer besser um Ratschläge zu geben.

    did you make sure you left the top <?php up there ?

    The purpose of a child theme solution is to leave the parent elements untouched – my code above works without changing a parent element file.

    Ishmael’s code from Back then (2016) certainly worked; only the function: unregister_taxonomy() has probably become part of the parent source code by now. And that would end in an error because: A redeclaration is not possible – thats why i wrote that i had renamed the function to something different.

    I have tested it by myself and you see that even on this part there is book categories.
    By the way, if you have not intentionally disabled it – you can edit the functions.php via the dashboard.
    Dashboard – Appearance – Theme Editor
    on the right side you can choose the file which you like to edit. On default there are only two files ( style.css and functions.php)

    maybe Ismael looks over it – if there could be more replacements in the code. On my test it works everything. Even the left right Postnavigation etc.

    we only had to rename the function to let it work – because a redeclaration of a function that already exists is not possible : so code for you to try:

    /**** Portfolio umbenennen im Dashboard ****/
    add_action( 'init', 'unregister_taxonomy_for_custom_label', 30);
    function unregister_taxonomy_for_custom_label(){
      global $wp_taxonomies;
      $taxonomy = 'portfolio_entries';
      if ( taxonomy_exists( $taxonomy))
        unset( $wp_taxonomies[$taxonomy]);
    }
    
    // portfolio args
    add_action( 'init', 'init_reg_portfolio', 50 );
    function init_reg_portfolio() {
      add_filter('avf_portfolio_cpt_args', 'avf_portfolio_cpt_args_mod', 50, 1);
    
      $tax_args = array(
        "hierarchical" => true,
        "label" => "Books Categories",
        "singular_label" => "Books Category",
        "rewrite" => array('slug'=>_x($permalinks['portfolio_entries_taxonomy_base'],'URL slug','avia_framework'), 'with_front'=>true),
        "query_var" => true
      );
    
      $avia_config['custom_taxonomy']['portfolio']['portfolio_entries']['args'] = $tax_args;
    
      register_taxonomy("portfolio_entries", array("portfolio"), $tax_args);
    }
    
    add_action( 'after_setup_theme', 'init_reg_portfolio' );
    
    function avf_portfolio_cpt_args_mod($args) {
      $labels = array(
        'name' => _x('Books', 'post type general name','avia_framework'),
        'singular_name' => _x('Books Entry', 'post type singular name','avia_framework'),
        'add_new' => _x('Add New', 'book','avia_framework'),
        'add_new_item' => __('Add New Book Entry','avia_framework'),
        'edit_item' => __('Edit Book Entry','avia_framework'),
        'new_item' => __('New Book Entry','avia_framework'),
        'view_item' => __('View Book Entry','avia_framework'),
        'search_items' => __('Search Book Entries','avia_framework'),
        'not_found' =>  __('No Book Entries found','avia_framework'),
        'not_found_in_trash' => __('No Book Entries found in Trash','avia_framework'),
        'parent_item_colon' => ''
      );
    
      $args['labels'] = $labels;
      return $args;
    }
    /*** Ende ****/

    if you put this to your child-Theme functions.php:

    Edit : look

    and on Permalinks change it to books and books_entries

    Well you can change the label and on permalinks the slug you see in the url.
    See here for Label: https://kriesi.at/support/topic/possible-to-rename-portfolio-entirely/

    and here is the child-theme usage : https://kriesi.at/support/topic/renaming-the-portfolio-custom-post-type-child-theme-issues/#post-564363

    in reply to: Why are blog Grid Links H3 and List Links H2? #1162740

    by the way the other method is elegant too and changes the standard settings before it they are built.

    but it is not so easy to get the right code

    in reply to: Why are blog Grid Links H3 and List Links H2? #1162735

    on the code above you can add as many changes you like to have semi-colon separated ( this part: replaceElementTag…
    The function on top is to transfer all attributes to the new tag.
    see here explanation: https://kriesi.at/support/topic/widget-tags-remove-h3/#post-1016082

    in reply to: Why are blog Grid Links H3 and List Links H2? #1162733

    you can use as many h2 and h3 etc as you like.
    If you want the weighting in the sense of SEO to be different, then you can either use the filter: avf_customize_heading_settings
    see here some explanations to it:

    https://kriesi.at/support/topic/timeline-milestone-h2-and-h3-tags-how-can-i-delete/#post-1098165
    and following answers. ( or see github : Link )

    or use one nice thing i use when i want to replace only the tags of an existing structure.
    This is a generally usable thing : https://kriesi.at/support/topic/widget-tags-remove-h3/#post-1016049

    in your case this comes to 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('h3.grid-entry-title', '<h2></h2>'); 
          replaceElementTag('h2.post-title', '<h3></h3>'); 
      }(jQuery)); 
    </script>
    <?php
    }
    add_action('wp_footer', 'replace_tags_with_tags');
    in reply to: Make whole portfolio grid entry link #1162731

    hm try this instead:

    function shift_link_to_grid(){
    ?>
    <script type="text/javascript">
    (function($) { 
    	$(document).ready(function() {
    		$('.grid-entry').on('click', function() {
    			window.location.href = $(this).find('.grid-image').attr('href');
    		});
    	});	
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'shift_link_to_grid');
Viewing 30 posts - 1 through 30 (of 5,761 total)