Text over header image…
-
With the text that overlays the header image, I seem to be unable to change the font or font color. Is this part of the Pro version?
-
There are a few solutions. The first is probably not as easy but it is the one I have chosen to implement.
PHP:- In your File Explorer, Navigate to mesmerize\template-parts\header\hero\*yourherotypehere*
- Open the respective .php file and navigate to where it says <?php mesmerize_print_header_content(); ?>, which should be line 4.
- Delete this line replace it with whatever html elements you want, with whatever style you choose.
For my website I am currently using the hero-content-on-center.
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:
- Navigate to themes\mesmerize\style.css
- crtl+f “h1.hero-title” will bring you to line 5388
- Change CSS accordingly.
(You can inspect all of your elements in your browser if you ever want to change other elements).
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!
@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.
The topic ‘Text over header image…’ is closed to new replies.
