Okay
  Public Ticket #3192437
Post Grid - Change color and thickness of underline
Closed

Comments

  •  1
    sandro_4 started the conversation
    December 20, 2022 at 2:16pm

    Hello 

    My use the post-grid to show my blog-posts. I use the underline animation. I tried to find out, which css-class I have to edit to change the color and thickness of the animated underline.

    Can you help me?

  •  1,877
    Judith replied
    December 20, 2022 at 3:58pm

    Hi There,

    Thanks for choosing Salient.

    Please try this css:

    .nectar-post-grid[data-text-hover-color=light] .nectar-underline .post-heading {
        background-image: linear-gradient(to right,#1c78cf 0,#09c142 100%);
    }
#search-results .result .title a:focus, #search-results .result .title a:hover, .active-tab .nectar-link-underline a span, .nectar-ajax-search-results .search-post-item:hover h5, .nectar-category-grid[data-style=mouse_follow_image] .nectar-category-grid-item:hover .cat-heading, .nectar-link-underline a:hover span, .nectar-link-underline a[class*=active] span, .nectar-post-grid-item:hover .nectar-link-underline span, .nectar-underline:hover h1, .nectar-underline:hover h2, .nectar-underline:hover h3, .nectar-underline:hover h4, .nectar-underline:hover h5, .pum-theme-salient-page-builder-optimized .pum-container .pum-content+.pum-close:hover span {
        background-size: 100% 4px;
    }

    Thanks.

  •  1
    sandro_4 replied
    December 21, 2022 at 4:53pm

    Hei Judith

    It works. 

    Thanks a lot!