Hi There,
does anyone knows how I can make border bottom to overlap like here:
https://www.vaidr.de/wp-content/uploads/2020/03/Bildschirmfoto-2020-03-04-um-16.34.21.png
I already made this css below. What should I add, so it overlaps?
H2 {
font-family: futura-pt, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 2em;
border-bottom: 10px solid black;
display:inline;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
Hey Monika,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
Hi Monika,
Thanks for that, it looks like your site is in maintenance mode though. Could you please provide us with login details in private?
Best regards,
Rikard
Hi Monika,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.avia_textblock.text-underline h2 {
height: 30px;
width: 360px;
}
If you need further assistance please let us know.
Best regards,
Victoria
Thanks for your help.
Now the line is behind the text, but the width is not related to the text length and the line is only visible in the first line.
(See the Headline “Our customers and Partners”)
Best Regards
Monika
Hi Monika,
You can play with the width for every header but the way it’s done now it will not work for both lines.
If you need further assistance please let us know.
Best regards,
Victoria
ok, thank you very much!