Forum Replies Created

Viewing 30 posts - 4,471 through 4,500 (of 11,513 total)
  • Author
    Posts
  • in reply to: Help with Product H-Tags #1275780

    that one line i marked with: // —- here

    is the line you had to edit – you can add more lines like this to replace other tags
    the script takes over all attributes of the original tag and transfers them to the new tag.
    But this is not necessary on your page.

    to 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('.tab_inner_content.invers-color h6', '<p></p>'); // ---- here
      }(jQuery)); 
    </script>
    <?php
    }
    add_action('wp_footer', 'replace_tags_with_tags');

    but for SEO purpose as mike said allready – maybe it is better to change it manually in the albs.

    put in functions.php ? child or parent?

    If parent – where did you insert that snippet?

    Next: if i test this input: file:///x:/xxx/ in the advanced tab of image alb – link settings: manually
    it does not change to domain.tld/xxx ?

    so what is the link you would like to have? and that works if you put it in the url window of your browser?

    in reply to: changing header logo link #1275748

    i see that you are not working with a child-theme!

    where did you enter the snippet?

    add_filter('avf_logo_link','av_change_logo_link');
    function av_change_logo_link($link){   
        $link = get_site_url().'/zeroprojectconference2021/';
        return $link;
    }

    Next: you have activated the merging of css and js files.
    Did you refresh those files ?

    in reply to: changing header logo link #1275647

    because of: $link = home_url(‘/subpage’);
    you can use :

    add_filter('avf_logo_link','av_change_logo_link');
    function av_change_logo_link($link){   
        $link = get_site_url().'/subpage';
        return $link;
    }

    or with your home_url function:

    add_filter('avf_logo_link','av_change_logo_link');
    function av_change_logo_link($link){   
        $link = get_home_url().'/subpage';
        return $link;
    }

    what is the difference – on most cases : no difference – but look to your dashboard – settings – general
    there you got both defined.
    If you install your wordpress in a subfolder – then they differs.

    but subpage is still not defined – so what do you want to achieve

    • This reply was modified 4 years, 5 months ago by Guenni007.
    in reply to: How to add Title to Fullwidth Sub Menu #1275534

    Edit : I must have been somewhat misguided by the headline. One should read just yet also the content ;)
    I had thought that you wanted to set the Title attribute at the submenu list item.
    _________________
    forget about that here:
    or you put this to your child-theme functions.php:

    function set_menu_text_as_title(){
    ?>
    <script>
    (function($){
    		$('.av-subnav-menu a').each(function(){
    			var menuName = $(this).find('>.avia-menu-text').text();
    			$(this).attr('title', menuName);
    		});
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'set_menu_text_as_title');

    but for me the alt attribute is much more important – so i have on that line instead:
    $(this).attr('alt', menuName);

    in reply to: Sidebar sticky not working #1275514

    btw. it would be nice to hear from you if it is solved ;)
    and:
    can you have a look what happens if you set the images in the banners to scroll or fixed position. The parallax seems to be a bit buggy:
    point with your mouse over the banner on top and try to scroll then.

    in reply to: How to add a custom field to the blog posts #1275319

    First of all: if you want to post code – please use the code tags here. It’s much easier to inspect and check if a code will work or not.

    Sorry didn’t saw that you want to achieve this only by custom fields. My way offers a real meta box. A meta box has different advantages.

    you then can use the meta box for your f.e. loop-index.php
    you see the post-meta-info starts from 373

    f.e. if you like to show the saved “Outlet” after categories
    look for:

    if( ! empty( $cats ) )
    {
    	echo '<span class="blog-categories minor-meta">' . __( 'in','avia_framework' ) . ' ';
    	echo	$cats;
    	echo '</span><span class="text-sep text-sep-cat">/</span>';
    }

    and insert after that:

    $outlet = get_post_meta($post->ID, 'outlet', true);
    if(!empty($outlet))
    {
    	echo '<span class="outlets minor-meta">'. __( 'Outlet:','avia_framework' ) . ' ';
    	echo $outlet;
    	echo '</span><span class="text-sep text-sep-cat">/</span>';
    }

    it will show then as:

    in reply to: How to add a custom field to the blog posts #1275242

    and “Outlet” it is just a text input ?

    Just the Admin Area Part so far:

    you will then have a meta box input field where author or excerpt is placed.
    If you like you can have the meta box field at the side

    and

    All comes to child-theme functions.php:
    if you like to have the meta_box at the side – replace “normal” with “side”

    function add_custom_meta_box(){
        add_meta_box("Outlet", "Outlet Meta Box", "outlet_meta_box_markup", "post", "normal", "default", null);
    }
    add_action("add_meta_boxes", "add_custom_meta_box");
    
    //markup for metabox
    function outlet_meta_box_markup($object){
        wp_nonce_field(basename(__FILE__), "meta-box-nonce");
        ?>
            <div>
                <label for="outlet">Text</label>
                <input name="outlet" type="text" value="<?php echo get_post_meta($object->ID, "outlet", true); ?>">
            </div>
        <?php  
    }
    
    // storing the data
    function save_outlet_meta_box($post_id, $post, $update){
        if (!isset($_POST["meta-box-nonce"]) || !wp_verify_nonce($_POST["meta-box-nonce"], basename(__FILE__)))
            return $post_id;
        if(!current_user_can("edit_post", $post_id))
            return $post_id;
        if(defined("DOING_AUTOSAVE") && DOING_AUTOSAVE)
            return $post_id;
        $slug = "post";
        if($slug != $post->post_type)
            return $post_id;
        $meta_box_text_value = "";
        if(isset($_POST["outlet"])){
            $meta_box_text_value = $_POST["outlet"];
        }   
        update_post_meta($post_id, "outlet", $meta_box_text_value);
    }
    add_action("save_post", "save_outlet_meta_box", 10, 3);
    
    function add_new_columns($columns) {
        $post_type = get_post_type();
        if ( $post_type == 'post' ) {
            $new_columns = array(
                'outlet' => esc_html__( 'Outlet', 'text_domain' ),
            );
            return array_merge($columns, $new_columns);
        }
    }
    add_filter( 'manage_posts_columns',  'add_new_columns' );
    
    function my_show_columns($name) {
        global $post;
        switch ($name) {
            case 'outlet':
            $outlet = get_post_meta($post->ID, 'outlet', true);
            echo $outlet;
        }
    }
    add_action('manage_posts_custom_column',  'my_show_columns');
    
    // sort columns to your needs - do not list columns in the array if you do not want them (f.e. comments)
    function my_outlet_columns_definition( $columns ) {
      $customOrder = array('cb', 'title', 'outlet', 'date', 'author', 'categories', 'tags', 'comments');
      foreach ($customOrder as $colname)
        $new[$colname] = $columns[$colname];    
      return $new;
    }
    add_filter( 'manage_posts_columns', 'my_outlet_columns_definition' ) ;

    next could be to have the option of sortable in list-view.
    And to put this meta into quick edit field.

    For the frontend you could follow Ismael’s advice

    • This reply was modified 4 years, 5 months ago by Guenni007.
    in reply to: When an update? #1275197

    Thanks

    well – you used for those layouts grid-row element : that is a full-width Element like color-section too.
    If you use as surrounding container a color section and in it 1/4 columns to get your layout – then your content will be within the 1310px.

    same with the following and 1/2 columns in a color-section

    in reply to: When an update? #1274978

    maybe you need a beta tester ;)

    in reply to: Sidebar sticky not working #1274968

    Try without script – it jumps away
    and scroll behavior is strange on that pages – remove it please and test my solution only from above.

    The behavior is not good like that either. The sidebar should be sticky as long as possible, and then scroll with the content at the bottom so that they both end at the bottom.

    in reply to: Sidebar sticky not working #1274964

    the other page – you have to find the specific selector for that page yourself !
    i took now the woocommerce on general – maybe you better take a more specific class something like : term-dinh-van on #top

    because the woocommerce-products-header would be part of the flex container it had to be set to display none.
    I do not know if you need it – but on your page there was no content in it so i put it to display none.
    this woocommerce-products-header had to be on that place inside ?

    anyway try to see whats happening on that page – but remember my advice on top!

    .responsive body#top.woocommerce {
    	overflow-x: visible;
    }
    
    #top.woocommerce #wrap_all {
    	overflow: visible;
    }
    
    #top.woocommerce .woocommerce-products-header {
        display: none;
    }
    
    @media only screen and (min-width: 767px){  
    	#top.woocommerce .sidebar_left .container {
    		display: flex !important;
    		align-self: ;
    		flex-flow: row nowrap;
    		justify-content: flex-start;
    	}
    
    	#top.woocommerce .sidebar_left .content {
    		order: 2
    	}
    
    	#top.woocommerce #main .sidebar {
    		position: -webkit-sticky !important;
    		position: sticky !important;
    		top: 100px;   
    		width: 30%;  
    		order: 1;
    		height: 100%;
    	}
    }
    in reply to: Sidebar sticky not working #1274958

    on a lot of problems only a script will do the job – but if only css can do i would prefer this solution.
    So try instead that edited work here – without the scripts!

    on that one page: https://valer.fr/messika/

    the height of the sidebar is as big as the content container
    That is why the sticky wouldn’t work:

    try :

    .responsive body#top.page-id-12082 {
    	overflow-x: visible;
    }
    
    #top.page-id-12082 #wrap_all {
    	overflow: visible;
    }
    
    @media only screen and (min-width: 767px){  
    	#top.page-id-12082 .sidebar_left .container {
    		display: flex !important;
    		align-self: ;
    		flex-flow: row nowrap;
    		justify-content: flex-start;
    	}
    
    	#top.page-id-12082 .sidebar_left .content {
    		order: 2
    	}
    
    	#top.page-id-12082 #main .sidebar {
    		position: -webkit-sticky !important;
    		position: sticky !important;
    		top: 100px;   
    		width: 30%;  
    		order: 1;
    		height: 100%;
    	}
    }

    Comment: it will be more impressive and meaningful if content is much longer than the sidebar !

    next page …

    in reply to: How to adjust left sidebar menu to dropdown with arrows #1274826

    how did you implement that menu to enfold?
    is it easy to do ?

    in reply to: How to adjust left sidebar menu to dropdown with arrows #1274532

    What number did you use for your layout?
    https://iks-menu.ru/previews/

    on most of those previews : they work with flex model.
    If you gave to the first flex-item an order number 2 they change position:

    .iksm-terms .iksm-term__link {
        order: 2;
    }

    to bring the parents in line with the items with children you can do that:

    .iksm-term:not(.iksm-term--has-children) {
        margin-left: 40px;
    }

    or style the menu 5 to your needs ( different arrows, and background)

    Nein – ist leider nicht so trivial.
    Am Mac ( ist ja ohnehin quasi “Linux-Basiert”) einige Terminal Tools die wunderbar diese ttf unter einhaltung der variable Fonts generieren.
    Die Zukunft wird wohl dahin gehen – man sollte allerdings ein Fallback für die ewig gestrigen bereit stellen.

    heißt man lädt schon auch die Schriftschnitte die man möchte ( zB: 300, 400, 700) und diese variablen Font als woff2
    man macht dann sozusagen im quick css eine weiche ähnlich den media-querries.
    wobei ich dann die Sachen via einer Klasse die ich einem Eltern Element zuweise setze z.B:

    hiervor kommen die normalen Definitionen wie üblich dann jedoch :
    lies zB: http://clagnut.com/blog/2390/

    @supports (font-variation-settings: normal) {
      .raleway-var .av-special-heading-tag {
          font-family: 'Raleway Variable',sans-serif;
          font-variation-settings: "wght" 600;
          line-height: 2em;
          letter-spacing: 0.05em !important;
          font-style: normal;
          font-size: 3em;
      }
      .raleway-italic-var .av-special-heading-tag {
          font-family: 'Raleway Italic Variable',sans-serif;
          font-variation-settings: "wght" 600;
          line-height: 2em;
          letter-spacing: 0.05em !important;
          font-style: normal;  /*** da es ja am Schriftschnitt schon als italic gesetzt ist ***/
          font-size: 3em;
      }
    }

    eingebunden werden die normalen Fonts und die variablen via z.B:

    @font-face{
      font-family:'Raleway Variable';
      font-weight:100 900;
      src:url(../fonts/Raleway-VariableFont_wght.woff2) format('woff2')
    }
    @font-face{
      font-family:'Raleway Italic Variable';
      font-weight:100 900;
      src:url(../fonts/Raleway-Italic-VariableFont_wght.woff2) format('woff2')
    }

    die 100 900 sind die Spanne mit der gesetzt werden kann.

    nach dem Converter musst du mal Googlen variable ttf nach varialbe woff2 z.B

    • This reply was modified 4 years, 5 months ago by Guenni007.
    in reply to: Updating theme from Zipped file in dashboard #1274497

    this plugin is nice to have if the steps between the Versions are not to big. It will create a “backup-zip” file of the WordPress installation. If it is as nice as a real backup i don’t know.

    with the now increasingly faster internet connections, an update via ftp is actually no longer a time-consuming task.
    I therefore recommend: https://kriesi.at/support/topic/some-hints-and-advice-to-update-enfold/#post-1056107

    in reply to: YouTube Videos are not playing #1274336

    i do have on my htaccess file a lot of security header entries – and i do sometimes forget to allow frame-src etc for google ( youtube) etc.
    some security plugins will do that too! and maybe those contents from outside your site are blocked.
    you can look if this is the matter by opening the developer tools of your browser and look into : developer console.

    _____________
    something like this:

    # Extra Security Headers
    <IfModule mod_headers.c>
    Header set X-XSS-Protection "1; mode=block"
    Header always append X-Frame-Options SAMEORIGIN
    Header set X-Content-Type-Options nosniff
    Header set Strict-Transport-Security "max-age=63072000; includeSubDomains; preload"
    Header set Referrer-Policy no-referrer
    Header set Feature-Policy "camera 'none'; microphone 'none'; payment 'none';"
    Header set Content-Security-Policy "default-src 'self'; frame-src 'self' https://www.google.com/ https://www.youtube.com/ https://www.youtube-nocookie.com/ https://player.vimeo.com/; frame-ancestors 'self'; script-src 'self' 'unsafe-eval' 'unsafe-inline' https://www.google.com/ https://maps.googleapis.com/ https://www.youtube.com/ https://www.gstatic.com/ ; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com/; img-src 'self' data: https://ps.w.org/ https://maps.gstatic.com/ https://maps.googleapis.com/ https://khms0.googleapis.com/ https://khms1.googleapis.com/ https://lh3.ggpht.com/ https://cbks0.googleapis.com/ https://lh3.ggpht.com/ https://geo0.ggpht.com/ https://geo2.ggpht.com/ https://geo1.ggpht.com/ https://geo3.ggpht.com/ https://repository.kreaturamedia.com/ https://de.gravatar.com/ https://secure.gravatar.com/  ; font-src 'self' data: https://fonts.gstatic.com https://fonts.googleapis.com/"
    </IfModule>
    in reply to: How to adjust left sidebar menu to dropdown with arrows #1274307

    Well on default there are no arrows – aren’t they. – and it is no toggler – it reacts on hover – not on click.
    You can have an arrow on those who have a submenu. f.e.:

    #avia-menu .menu-item.dropdown_ul_available:before{
        position: absolute;
        top: 12px;
        left: -15px;
        content: "\e883";
        font: 20px/1 entypo-fontello;
        speak: never;
        display: block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-decoration: none;
        z-index: 1;
        transition: all 0.7s ease;
    }
    
    #avia-menu .sub-menu .menu-item-has-children:before{
        position: absolute;
        top: 12px;
        right: 10px;
        content: "\e883";
        font: 20px/1 entypo-fontello;
        speak: never;
        display: block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-decoration: none;
        z-index: 1;
        transition: all 0.7s ease;
    }
    
    #avia-menu li.menu-item.dropdown_ul_available:hover:before{
        transform: rotate(-90deg);
        color: red !important;
        transition: all 0.7s ease;
    }
    
    #avia-menu .sub-menu .menu-item-has-children:hover:before{
        transform: rotate(-90deg);
        color: red !important;
        transition: all 0.7s ease;
    }

    see:

    btw. just for info:
    raleway is one of those google fonts that could be used with variable font option – if you are loading that font by yourself. Best would be to load it local.
    Some nice info on that: https://web.dev/variable-fonts/

    if you have done that – it will be possible to have styles like:
    f.e.

    h1 {
    line-height: 1.7em;
    font-size: 3.8em;
    font-variation-settings: "wght" 443;
    }

    you can download this varialble font on google fonts: https://fonts.google.com/specimen/Raleway?query=Raleway – but these fonts are ttf fonts.
    it is a little bit tricky to convert those downloadable files to woff2 fonts under preservation of those varialbe fonts options. But there are good converter tools in the net.

    Vimeo Video
    in Action: https://webers-testseite.de/pureinstall/oswald/

    in reply to: Reduce space above and below logo #1274167

    so not forget to adjust your lang switcher :

    .mobile-switcher {
    	position: absolute;
    	right: 10px;
    	top: 50%;
    	-webkit-transform: translateY(-50%);
    	transform: translateY(-50%);
    	z-index: 999;
    }
    in reply to: Reduce space above and below logo #1274046

    what about the header settings at Enfold – Header – Header Layout
    it sounds for me as if you only want to have a smaller header ( you have now the standard header height of 88px – setup a custom pixel value with less height)
    ( click to enlarge : )

    in reply to: Place icon inside hotspot #1274026

    From the images above only i couldn’t see that these white dots are the given hotspots in the hotspot image alb ( Aren’t they outside the hotspot field? )- i thougt that white circlee is part of your logo.
    Sorry.

    in reply to: Lightbox #1273857
    jQuery(window).load(function(){
    	jQuery('.open-popup-link').addClass('no-scroll');
    	jQuery('.open-popup-link').magnificPopup({
    		type:'inline',
    		midClick: true,
    		callbacks: {
    			beforeOpen: function () {
    				jQuery('body').css("overflow-y", "hidden");
    			},
    			close: function() {
    				jQuery('body').css("overflow-y", "auto");
    			},
    		},
    	});
    });

    then it is scrollable on mobile devices – for desctop the scroll of background is hampered – but on mobile you can scroll

    in reply to: Place icon inside hotspot #1273856

    same shit different selector ;)
    again custom class at “image with hotspots” element: insert-logo

    try:

    function insert_logo_to_tooltip_of_image_hotspot() { 
    ?>
    <script type="text/javascript">
    (function($) {
    	$('.insert-logo .av-image-hotspot').each( function() {
    		var tooltipContent =  $(this).data('avia-tooltip');
    		$(this).data('avia-tooltip', tooltipContent+' <p class="tooltip-logo"><img class="aligncenter" src="/wp-content/uploads/logo.png" alt="YourLogo" width="40" height="40" /></p>');
    	});
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'insert_logo_to_tooltip_of_image_hotspot');

    you can shift that little logo by that class added via that script

    .tooltip-logo {
        width: 30px;
        display: inline-grid;
        height: 30px;
        margin: -20px 0 0;
    }


    Edit:
    these are added on closed tooltips by opening via hover. I had to look what we need for always opened tooltips.
    : the same but styling is better via quick css – see above.

    btw. the fallback “toolttips” : it is better inserted via css f.e.

    .av-hotspot-fallback-tooltip-inner p {
      text-align: left !important;
      padding-left: 40px;
      float: left;
    }
    
    .av-hotspot-fallback-tooltip-inner p::before {
      content: "";
      width: 30px;
      height: 30px;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      background-image: url(/wp-content/uploads/logo.png);
      background-size: 30px;
      position: absolute;
      background-repeat: no-repeat;
      margin: 0 50px 0 10px;
      float: left;
    }

    if your logos had to be on the right side when fallback is shown set f.e: left to auto and right:0

    • This reply was modified 4 years, 5 months ago by Guenni007.
    in reply to: Place icon inside hotspot #1273729

    is it an icon-grid element?
    if so – give a custom class to this element f.e.: insert-logo

    then insert this to your child-theme functions.php:

    function insert_logo_to_tooltip() { 
    ?>
    <script>
    (function($){
       $('.insert-logo .avia-icongrid-text').append( '<p><img class="aligncenter" src="/wp-content/uploads/logo.png" alt="YourLogo" width="40" height="40" /></p>' );
    })(jQuery);
    </script>
    <?php
    }
    add_action('wp_footer', 'insert_logo_to_tooltip');

    on src put in your link to your logo.

    in reply to: Deutsch (Sie) Contact Form #1273687

    by the way: you can have child-theme edited lang files –
    just create in child-themes folder a lang folder
    and put those edited lang files ( po and mo – in your case: de_DE_formal.po and de_DE_formal.mo ) to that folder.
    Put this little snippet to your child-theme functions.php:

    function overwrite_language_file_child_theme() {
        $lang = get_stylesheet_directory().'/lang';
        return $lang;
    }
    add_filter('ava_theme_textdomain_path', 'overwrite_language_file_child_theme');
    in reply to: Lightbox #1273685

    small things would still be worth mentioning.
    For large popups with lots of content, on mobile the html attribute overflow-y : hidden causes you to have no chance to scroll through the popup.
    You can avoid this by assigning this attribute to the body tag and not to html

    in reply to: How to edit "Share This Entry" to "Share This Template" ? #1273565

    it is in helper-social-media.php line 331:
    ( /enfold/includes/helper-social-media.php )

    $this->title = $title !== false ? $title : __( 'Share this entry', 'avia_framework' );
    

    This line also prepares the possibility of translation in the language files.

    and you can find that filter on the same file on line 519:

    $this->html .= apply_filters( 'avia_social_share_title', $this->title , $this->args );
    

    btw. there is another place on social_share.php
    (/enfold/config-templatebuilder/avia-shortcodes/social_share) line: 160
    ________
    I for one consider an entry via the filter in the child-theme functions.php much more useful than editing an original file and uploading it as a child-theme version.

Viewing 30 posts - 4,471 through 4,500 (of 11,513 total)