Applying Stroke CSS to Menu Font

  • Hi all,

    I’ve been having trouble adding the stroke function to the Astra theme menu font.
    I’ve tried adding CSS code below but I’m not sure what to reference as the class for the menu itself. If I do a heading e.g. H3 the code does work for other text, but I want it to be specific to the menu. I’m not sure how to inspect the element and find the specific menu to target or how to apply the code below to it.

    Any help would be appreciated.

    {
    -webkit-text-stroke: 0.5px red;
    }

    Thanks!

    • This topic was modified 2 years, 7 months ago by Jan Dembowski.

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

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi!

    As I understand you want to add text stroke on the menu text.

    Try to add this CSS:

    #menu-1-2fdfdf8 {
-webkit-text-stroke: 0.5px red;
}

    I’ve simulated it through Chrome and it changes the menu text to be with stroke.

    • This reply was modified 2 years, 7 months ago by tomasjur.
    Thread Starter pokemontrader

    (@pokemontrader)

    Hi Tomas,

    It does work, however the problem of stroke colour still remains. It appears to have an override of white on it for whatever reason and not sure where this originated from.

    Currently it mimicks the text colour, so if I change the text to black, the stroke is also black… for white, the stroke is white.

    Cheers.

    What color a text should be?
    Currently, it’s white, and with that code, it has red outlines (when a stroke is added).

    Can you explain a bit more about what you want to achieve?

    Thread Starter pokemontrader

    (@pokemontrader)

    I’m after white text with a black stroke. On my end when I apply the code it appears as white text with a white stroke.

    Let me know if you need anything else to clarify.

    Try to increase pixels.
    I tried this:

    -webkit-text-stroke: 0.5px black;

    And it works like this:

    flameshot_screenshot

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Applying Stroke CSS to Menu Font’ is closed to new replies.