I have changed the H2 header color to #326D77 in the customizer and Elementor global setting. I have also tried adding the following CSS. But the H2 header color does not change. How can I edit this color?
1- Title image on the page header
Currently, there’s no option available to add a title image on the page header.
What you can do is:
a- Select the page layout to fullwidth
b- Create a custom section and add the background image to it.
c- Add overlay and title
d- Save changes, done.
2- Title Text Edits
Could you point out the exact location where you’re facing this issue? A screenshot or the page link will help a lot.
Hi,
The “AlbraDisplayMedium” is a custom font and not included in the Google fonts. To use custom font, use third party font plugin i.e. Use any font etc. upload your custom font file and it’ll give you a class name. Add this class name on your required widget or element.
I’ve added the “AlbraDisplayMedium” using the same plugin. If you wanna add more than one custom font you’ve to buy it. Add class “albra” to add font family “AlbraDisplayMedium” on the elements.
Hi Azam, thank you for your help. I need to clarify what I need help with. See the explanations below.
You can download the image here: https://imgur.com/a/l4VXJgG.
1. Title Font
I have changed the H2 header color to #326D77 in the customizer and Elementor global setting. I have also tried adding the following CSS. But the H2 header color does not change. How can I edit this color?
I tried using this css, but it did not change the font.
I have changed the title font to Open Sans 7 in the customizer and Elementor global setting. I have also tried adding the following CSS. But the title font does not change. How can I edit this color?
I tried using this css, but it did not change the color.
Hi,
– Title Color
The title isn’t getting the defined color because the title may not be wrapped between the “H1/H2” tag.
– Title Font
The heading isn’t getting the font family because you’ve defined the font family “AlbraDisplay-Medium” of “H1/H2” in the customizer. The defined font family overrides the manual defined title font.
In order to overcome this issue, select the HTML tag other than “H1/H2”. I’ve added a dummy heading having different font and site primary color on the sample page. The HTML tag option is visible in the Elementor under the content tab. Here’s the link:
In order to prevent yourself from repeating the same process again and again, simply copy n paste the element in different sections or even between different pages.
