Question How to change Sidebar Widget Title Heading Tag?

[dirk1]

Hi,
I am using Elementor with the Astra template and want to change the title heading tag from H2 to H4 in widgets loading in Elementor sidebars. For Astra sidebars I have been able to change it from H2 to H4 as described in the Astra help page.
But for the sidebar loaded by Elementor this does not apply. Somehow Elementor is defining the heading title still as H2.
How can I change the title heading tag to H4 for widgets loaded by the Elementor sidebar?
Thanks for any help
Dirk

 

[sms-design]

If you looking to control font size give your sidebar widget a css class from the advanced tab

like: dirk1-widget-sidebar and add this to your custom css

.dirk1-widget-sidebar .widget-title {
font-size: 14px;
color: #fff;
text-decoration: underline;
margin-bottom: 4px;
background-color: red;
width: 25%;
border-radius: 6px;
padding: 5px 0;
}

Change above values to suit

 

[dirk1]

No. I would like to change the tags from H2 to H4.

Do you know where this defined for Elementor sidebars?

 

[dirk1]

Anyone who knows how change the heading tags for Elementor sidebars?

 

[sms-design]

Without changing core files you can run a script

$('.sideMenu h3').replaceWith(function () {
return "<h2>" + $(this).html() + "</h2>";
});

This is a solution provided on Stack Overflow

 

[dirk1]

ok.
I am trying to add the script to the theme functions.php but get the error:

syntax error, unexpected '(', expecting variable (T_VARIABLE) or '{' or '$'

Could you give me a hint how to add it to the functions.php correctly?