Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1359453

    I saw an old post about the H3’s in the footer, but I was hoping that there would be an easier way to change this by now (the old post also didn’t completely answer my question).

    I’d like to change the footer H3’s to regular text (font size 30px, weight 500, line height 33px). How do I approach this? Can I use CSS or is there a better way to do so?

    Why are the Footer titels H3 anyways? from a SEO perspective this doesnt make a lot of sense?

    #1359465

    Hey,

    Thanks for contacting us!

    You can go to Enfold theme options > Advanced Styling and edit H3 tagged elements and choose to apply it only on H3 elements in footer – https://imgur.com/a/ceh1244 :)

    Best regards,
    Yigit

    #1359469

    Hi Yigit, but then the footer still remains H3? I just alter the styling? I want the titels in the footer to no longer have a H3 tag to it, how do I change that?

    #1359508

    There are many places where the heading tag is predefined as h3 in the source code of enfold.
    Editing all those entries and have a child-theme file is too complex.
    The filter : avia_custom_widget_args will not work on those headings you like to influence.

    – you can try this here from Yigit : https://kriesi.at/support/topic/change-h3-tags-in-footer-widget-child-theme-of-enfold/#post-728320
    and pay attention of his comment:

    You would need to update your widget areas.

    In Shortform this will be ( and comes to child-theme functions.php ) :

    function ava_re_register_footer_widgets(){
    	$footer_columns = avia_get_option( 'footer_columns', '5' );
    	for( $i = 1; $i <= $footer_columns; $i++ ){	
    		unregister_sidebar('av_footer_' . $i );
    		register_sidebar( array(
    			'name'		=> 'Footer - Column ' . $i,
    			'before_widget'	=> '<section id="%1$s" class="widget clearfix %2$s">',
    			'after_widget'	=> '<span class="seperator extralight-border"></span></section>',
    			'before_title'	=> '<p class="widgettitle">',
    			'after_title'	=> '</p>',
    			'id'		=> 'av_footer_' . $i
    		) );
    	}
    }
    add_action( 'widgets_init', 'ava_re_register_footer_widgets', 11 );

    the settings you mentioned had to be set via quick css

    #footer p.widgettitle {
    	font-size: 30px; 
    	font-weight: 500; 
    	line-height: 33px;
    }

    (For SEO reasons, this will probably be the better method. )

    #1360283

    Many thanks @Guenni007 . The addition to the functions.php works, but the quick CSS doesn’t deliver the expected results. It’s this site any idea why?

    #1360300

    Yes – the rule that manages the font size is set to !important – so the rule can’t override that unless you do the same – then the higher specificity decides:

    #footer .widget p.widgettitle {
      font-size: 30px !important;
      font-weight: 500;
      line-height: 33px;
    }
    #1360590

    Awesome, it works! many thanks! case closed:)

    #1360657

    but on your page – i do not see the new css code ?

    #1360679

    Hi,

    We are happy that @guenni007 could help you out!
    Let us know if you have any other questions and enjoy the rest of your day :)

    @guenni thanks for your help as always :)

    Best regards,
    Yigit

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Change H3 in footer to regular text’ is closed to new replies.