Change underline thickness

Hey there

I want all of the text links to have a thin underline. The regular underline (text formating) is too thick, so i thought i could use some css to set a border bottom (with lets say 1px).

But where/how do i add this code snippet into the editor?

Many thanks, j

CSS editing is feature request which you can vote for here:
https://support.wix.com/en/article/editor-x-request-editing-your-sites-css-code-style-sheet

@Rob do we have something for this?

i know, but i need it right now! :slight_smile:

isnt there a way to implement some css trough java/velo? I would very appreciate it if you could help me here…

I don’t think so but I’ve seen some users use custom code for certain things but I’m not familiar with it.

@ylems , try using the following code in the Editor X built-in IDE:

$w ( ‘#yourTextElement’ ). html = <h3 style="border-bottom: 1px solid black;">YOUR TEXT</h3>

Also, if you would like to minimize the space between the text and the bottom-border line you can play with the text-element’s ‘line-spacing’ property in the Inspector Panel to shrink the element’s box size which will bring the line closer to the text:

Thanks, this works for simple elements (like buttons, links) but i would need to highlight specific words in a longer text.

Any idea how i could style an entire headline (h1, h2…) with a border bottom?

Try nesting the HTML tag in another tag which will not have the border bottom. This might allow you to underline only a certain part of the title, just like you would write in vanilla HTML and CSS.