Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3195127
Links effects in single posts and pages
Closed

Comments

  • trufette started the conversation
    December 25, 2022 at 1:40pm

    Hi !

    To make links more visible in posts and on some pages, i'd like to have this effect on links : 

    https://css-tricks.com/having-fun-with-link-hover-effects/#aa-the-border-to-background-effect

    there's a color when the link is not clicked and it grows when link's hover.

    I don't manager to see which css class i must work on to have this effect in posts (single posts) and perhaps in pages.


    Thanks !

  •  2,486
    PenciDesign replied
    December 25, 2022 at 3:21pm

    Hi,

    Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

    :root {
      --mainColor: #ff9800;
    }
    .post-entry a {
      background:
         linear-gradient(
           to bottom,
           var(--mainColor) 0%,
           var(--mainColor) 100%
         );
      background-position: 0 100%;
      background-repeat: repeat-x;
      background-size: 4px 4px;
      color: #000;
      text-decoration: none;
      transition: background-size .2s;
    }
.post-entry a:hover {
      background-size: 4px 50px;
    }

    Regards,
    PenciDesign.