Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #1057187

    Dear Enfold Team and Community

    My timeline milestone Date is h2 Tag and my milestone Title is h3 tag: I don’t want to have h2 and h3 tags. Can I delete this with a CSS command?
    I have the following setting:
    avia-timeline-vertical av-milestone-placement-left avia-timeline-boxshadow

    Unfortunately, my page is still in draft form.

    I hope someone can help me?
    Many regards
    Ulli

    #1057286

    Hey Ulli,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.
    And give us the title of the page so we can check.

    Best regards,
    Nikko

    #1095817
    This reply has been marked as private.
    #1095827
    This reply has been marked as private.
    #1096437
    This reply has been marked as private.
    #1097251

    Hi Ulli,

    We apologize for the delayed response.
    There’s no way for this to be changed via css, the only way however is to replace the Timeline element.
    Since you already have a child theme, the next step is to do this: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb
    You’ll need to modify timeline.php in wp-content > themes > enfold > config-templatebuilder > avia-shortcodes > timeline folder.
    Find this code (line 1042-1050, in version 4.5.6):

    $date_wrapper = array(
    	'start' => "<h2 class='av-milestone-date{$av_title_font_classes}' {$date_styling} id='milestone-{$title_sanitized}'><strong>",
    	'end' => "</strong></h2>",
    );
    
    if (in_array($atts['linkelement'], array('all', 'both', 'date_head')) &&  !empty($atts['link']) ) {
    	$date_wrapper['start'] = "<h2 class='av-milestone-date{$av_title_font_classes}' {$date_styling} id='milestone-{$title_sanitized}'><a title='" . esc_attr($linktitle) . "' href='{$atts['link']}' {$linktarget}>";
    	$date_wrapper['end'] = "</a></h2>";
    }

    Just replace those h2, then few lines below it (line 1065-1073) find:

    $headline_wrap = array(
    	'start' => "<h4 {$title_styling}{$title_class}>",
    	'end' => "</h4>"
    );
    
    if (in_array($atts['linkelement'], array('all', 'icon_head', 'date_head')) &&  !empty($atts['link']) ) {
    	$headline_wrap['start'] = "<h4 {$title_styling}{$title_class}><a title='" . esc_attr($linktitle) . "' href='{$atts['link']}' {$linktarget}>";
    	$headline_wrap['end'] = "</a></h4>";
    }

    just replace the h4, hope this helps.

    Best regards,
    Nikko

    #1097628
    This reply has been marked as private.
    #1097654

    Hi Ulrich1961,

    Sure, can you give us ftp access?
    And can you tell us what you want to replace h2 and h4 with?

    Best regards,
    Nikko

    #1097995
    This reply has been marked as private.
    #1098142

    Hi Ulli,

    Sure, just post back here and we’ll help with it :)

    Best regards,
    Nikko

    #1098165

    you can use the new filter: avf_customize_heading_settings
    to set the heading tag on that. I do not know it it is possible to change for the years a different heading than for the heading on text.
    this comes to child-theme functions.php

    function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array() ){
    	if( $context == 'avia_sc_timeline' ){
    		$args['heading'] = 'h1';						//	change heading from h3 to h1
    		$args['extra_class'] = 'my-timeline-class';		//	add an extra class for styling
    	}
      return $args;
    }
    add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );

    you can even use p tag or something else

    you only have to give that costom class to the timeline alb element ( in this case: my-timeline-class)

    PS : alot of the alb elements got this filter now. so only a custom class and the selector is needed to change heading tag.

    #1098168

    ps : if you like to change both : look for the extra args in alb element (search for that filter: avf_customize_heading_settings)
    f.e. in timeline.php a little above that filter there is the default setting defined like:

    $default_heading = 'h2';
    	$args = array(
    		'heading'		=> $default_heading,
    		'extra_class'	=> ''
    		);
    	$extra_args = array( $this, $atts, $content, 'date' );

    here the extra_arg is : date

    ____________ so changing both with different tags _________________

    function my_avf_customize_heading_settings( array $args, $context, array $extra_args = array() )
    {
    	if( 'avia_sc_timeline' == $context && is_array( $extra_args ) && in_array( 'date', $extra_args ) )
    	{
    		$args['heading'] = 'h1';						
    		$args['extra_class'] = 'my-timeline-class';		
    	}
    	if( 'avia_sc_timeline' == $context && is_array( $extra_args ) && in_array( 'title', $extra_args ) )
    	{
    		$args['heading'] = 'h3';						
    		$args['extra_class'] = 'my-timeline-class';		
    	}
    	return $args;
    }
    add_filter( 'avf_customize_heading_settings', 'my_avf_customize_heading_settings', 10, 3 );

    the code above changes all headings – with extra args you can be more specific

    #1098170

    by the way : standard default is h2 and h4 – so what version on enfold do you use?

    And : thanks to Günter for detailed Info about that new filter ( you only have to ask for it ;) )

    By the way the context is the alb element itself : open the alb element and look on top of each alb: there will be somenting like this:

    if ( ! class_exists( 'avia_sc_timeline' ) ) 
    {
        class avia_sc_timeline extends aviaShortcodeTemplate

    so context on this case is : avia_sc_timeline

    #1098404

    Hi!


    @Guenni007
    Thanks a lot for this clear and good explanation of the filter.


    @ulrich1961

    I hope the explanation above helps you.

    Best regards,
    Günter

    #1099050
    This reply has been marked as private.
    #1099948
    This reply has been marked as private.
    #1101327

    Hi Ulrich1961,

    Thanks for providing ftp access.
    It’s already changed.

    Best regards,
    Nikko

    #1101731

    Hi Nikko,

    what an amazing Support! Great and thank you!

    Best regards
    Ulli

    #1101780

    Hi,

    Glad we could help you.

    Enjoy the theme and feel free to come back when you need further assistance.

    Best regards,
    Günter

Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Timeline Milestone h2 and h3 Tags – how can I delete?’ is closed to new replies.