Heading inline css text stroke

  • On every page of my website I have an H1 header of which I made one word green via inline css. I also created a white text stroke to increase readability (and because I think it looks nicer). You can see an example of the H1 of my homepage.

    Since the last update of Elementor I do not see the text stroke anymore. I did deactivate all other plugins but it doesn’t help. How can I make it work again?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Joel

    (@joelsm)

    Hi Romain,

    Thanks for reaching out! 

    The problem could be related to the way our plugin handles custom fonts and styles. As -webkit-text-stroke can be inconsistent depending on the context or text rendering on certain platforms, I propose a workaround using Elementor Core styles that should work for all browsers.

    Go to Heading widget > Text Stroke > Select the pixel you need.?

    Screenshot: https://prnt.sc/JSKjYpvo8VRv

    Let me know how it goes, or if you need further assistance!

    Thread Starter fransjansen

    (@fransjansen)

    Hi Joel,

    I am aware of the possibility to create a text-stroke via the core style in Elementor, but actually this is not exactly the same. In that case the whole H1 title text gets a white stroke, but I only want one word (in this example ‘groener’) to be text-stroked. Any other ideas to achieve this?

    Thread Starter fransjansen

    (@fransjansen)

    I found out that when I use a class instead of inline css it does work.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.