GSv Posted June 28, 2020 Share Posted June 28, 2020 I want to underline my h3/h4 titles but using either border-bottom, or ::after underline the whole heading block - not just the text. Here is what I wanna achieve: Anyone knows how to do this? Thanks! Link to comment
GSv Posted June 28, 2020 Author Share Posted June 28, 2020 here is a strip down page just for example:https://www.goodstuff.ventures/testtitle Link to comment
GSv Posted June 28, 2020 Author Share Posted June 28, 2020 (edited) I found a workaround to achieve that: 1) I make the h4 a hyperlink (using "#" as url) 2) I create a code block in the page and add the following css: h4 > a { text-decoration: none !important; padding-bottom: 4px; border-bottom: 4px solid #beb7ad; cursor: default; background-image: none !important; } It's not perfect but that do the job for now 🙂 EDIT: to remove the hover effect, add: h4 > a:hover { opacity: 1 !important; } Edited June 28, 2020 by GSv Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment