Tagged: footer
-
AuthorPosts
-
July 26, 2022 at 12:33 pm #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?
- This topic was modified 2 years, 4 months ago by the_digital_manager.
July 26, 2022 at 1:59 pm #1359465Hey,
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,
YigitJuly 26, 2022 at 2:21 pm #1359469Hi 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?
July 27, 2022 at 1:16 am #1359508There 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. )
August 2, 2022 at 11:32 am #1360283Many 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?
August 2, 2022 at 1:11 pm #1360300Yes – 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; }
August 4, 2022 at 10:40 am #1360590Awesome, it works! many thanks! case closed:)
August 4, 2022 at 4:27 pm #1360657but on your page – i do not see the new css code ?
August 4, 2022 at 7:42 pm #1360679Hi,
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 -
AuthorPosts
- The topic ‘Change H3 in footer to regular text’ is closed to new replies.