Underlining Portfolio Links

Site URL: http://quintondaynemoore.com

Hey all,
 

I'm wanting to add underlining to the links on my splash page for my portfolio website, so that they read better as links. To have them underline on a hover or have them underlined all the time are both options I am considering. I tried adding the following code from another thread:

.portfolio-hover[data-mode="hover-static"] .portfolio-hover-items .portfolio-hover-item[data-active="true"] .portfolio-hover-item-content {
    text-decoration: none;
    border-bottom: 1px solid;
    display: inline-block;
    line-height: 0.75;
}

(Still in use if you visit site), but the underline looks ugly and creates too much extra space on the "& more" part. Anyone with more experience have any solutions?

Any and all help is appreciated.

Q

This worked great. Opted for 2px for the font I'm using. Thanks!

On 3/22/2021 at 7:10 AM, Quinton said:

This worked great. Opted for 2px for the font I'm using. Thanks!

On tablet, the footer doesn't look good.

You can use this CSS

/* Fix tablet footer email */
@media screen and (max-width:991px) and (min-width:768px) {
div#block-977e6aed84681fe028cb {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
}