Text over header image…

Hi @jbottero,

Yes, these features will be available in the PRO version. We estimate we will release the PRO version in maximum 2 weeks.

If there is anything else I can help you with, please let me know.

There are a few solutions. The first is probably not as easy but it is the one I have chosen to implement.
PHP:

1. In your File Explorer, Navigate to mesmerize\template-parts\header\hero\*yourherotypehere*

For my website I am currently using the hero-content-on-center.

2. Open the respective .php file and navigate to where it says <?php mesmerize_print_header_content(); ?>, which should be line 4.
3. Delete this line replace it with whatever html elements you want, with whatever style you choose.

Example:
<p style=”color:white;font-size:30px;”>Look at me!</p>
Editing your parent theme however is not my recommendation. I implemented this version to put things other than text in my hero. What I recommend is editing the CSS.

CSS:

1. Navigate to themes\mesmerize\style.css
2. crtl+f “h1.hero-title” will bring you to line 5388

(You can inspect all of your elements in your browser if you ever want to change other elements).

3. Change CSS accordingly.

This is definitely much safer and easier to keep a changelog of as your website is unlikely to break with CSS editing vs template editing. Good luck!

• This reply was modified 7 years ago by dragozir.

@dragozir, We appreciate the support, but you should warn people that these are dangerous and bad-practice changes before recommending them.

The safe and good-practice advice would involve a Child Theme.

• This reply was modified 7 years ago by Andrew Nevins.