Add Text row on Header Text

Hey there,
I’m using Astrid’s main image for the front page and wish to add another <h4> line of text here: header-image > header-info > container (between the <h3> and the button).

For example:

<div class="header-info">
	<div class="container">
		<h4 class="header-subtext">SMALL TEXT</h4>
		<h3 class="header-text">BIG TEXT</h3>
		<a class="button header-button" href="#"">CALL TO ACTION</a>
		<h4 class="header-subtext">NEW LINE 1</h4>
		<h4 class="header-subtext">NEW LINE 2</h4>

I couldn’t find where to do it, and which .php file to clone to my child-theme.

Thank you and Happy new year,

I forgot the say that I tried this solution but the customizer doesn’t recognize <br /> as a code and treats it like text.

Hello Hadas,

You can try to do this with jQuery.

  1. Please install and activate Insert Headers and Footers plugin that will allow you to insert JavaScript (jQuery) code.

  2. Go to your DashboardSettingsInsert Headers and Footers → add the following code to Scripts in Header section, and click Save button.

<script type='text/javascript'>
        jQuery('div.header-info h3.header-text').after(jQuery('<h4 class="header-subtext">Header small text 2</h4>'));

Just replace Header small text 2 with your own text.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Great, thank you very much! It works!
Now for some reason Hebrew letters are not shown (the site is in Hebrew). Do you know what might cause it and what should I do?
When I type few words in Hebrew between the <h4> tags it’s not shown. only English letters and numbers.

Thank you

Okay Hadas,

Can you please provide a link to your website in order to let me inspect it?

Kind Regards, Roman.

Hey Roman,
unfortunately the site is currently on a local server so you can’t access it.

Is there another way?


Hello Hadas,

I have to see the issue in order to find the cause.

Can you please let me know when your site is live?

Kind Regards, Roman.