CUSTOMIZE H3 NOT WORKING

Hey extraeyes,

You can set that under Enfold->Advanced Styling, look for the text transform property once you have selected the h3 tag.

Best regards,
Rikard

Hi,

Thanks for the update, how can we check your settings?

Best regards,
Rikard

Hi,

Thank for that. I see that all the h3 elements on your front page have additional tags within them, that means that they will pick up the styling for that tag instead. If you create a test page with a plain h3 element, then you will likely see that the theme settings are working. If you need to target your current setup, then you will need to use custom CSS like this:

h3 span, h3 span strong, h3 span a {
  text-transform: uppercase;
}

Best regards,
Rikard

Hi,

Thank you for the update.

I tried to put some quick CSS and maybe I did the wrong wording but that is not working either.

What css did you use? There are extra html tags inside the h3 tag, so you’ll need to use a more specific css selector in order to target those tags or elements, as @Rikard suggested earlier.

Example html in one of your text blocks:

<h3>
   <a href="https://site.com/portfolio-item/east-point-lighthouse-n-j-photography-hot-spot/">
    <span style="color: #ffff00;"><strong>EAST POINT LIGHTHOUSE</strong></span>
   </a></h3>

To target the strong tag or any elements inside the h3, you can try this css code.

h3 a, h3 a span, h3 a span strong {
  text-transform: uppercase;
}

Best regards,
Ismael