change link color/style

  • Author
    Posts
  • #164101

    kohlrabbit
    Member
    Original poster

    Hi Taras,

    I have 2 questions related to adding links.

    1. I added a link to my portfolio archive content. How do I change the color of the link on the front page and on the portfolio page?

    2. On the front page, some of the titles of the featured options become links automatically, such as the portfolio and blog posts, etc. I turned the title of the informational section (the section right after the hero section) into a link as well, however, it appears underlined whereas the other links do not. I’d like for all the link styles of the main front page featured sections to be uniform. Is it possible to alter these links so that a) the underline only appears under the link when the mouse hovers over it (like in the main menu) and b) they change to a custom color when the mouse hovers over it?

    Thank you so much.
    yan

    The blog I need help with is: zywanglab.com

    #164112

    tarasdashkevych
    Theme Author

    Hello Yan,

    “I added a link to my portfolio archive content. How do I change the color of the link on the front page and on the portfolio page?”
    – Are you referring to the link added to the site header menu (https://snipboard.io/bWhXT2.jpg) ?

    “… Is it possible to alter these links so that …”
    – By default, default links have an underline style. During a hover state, this underline is removed the link.

    If you want the underline only appears under the link when the mouse hovers over it on your homepage, please add this custom CSS:

    
    /* modify default links for the homepage */
    .home .site-main a {
      text-decoration: none;
      transition: none;
    }
    
    .home .site-main a:not([class]):hover {
      text-decoration: underline;
      color: red;
    }
    

    This CSS will also modify a color of the link during a hover state.

    Please let me know if you have any additional questions.

    Kind regards,
    Taras

    #164165

    kohlrabbit
    Member
    Original poster

    Hi Taras,

    1. I’m referring to the link in the portfolio section of the homepage: https://snipboard.io/E9jD6I.jpg
    How can I change the color of this link?

    2. thank you, this worked perfectly!

    Best,
    yan

    #164167

    tarasdashkevych
    Theme Author

    Hi Yan,
    Thank you for a screenshot.

    “How can I change the color of this link?”
    – You can use this custom CSS to change a color of the link:

    
    /* change link color in the portfolio section (Front Page) */
    .front-porfolio .front-block-content a {
      color: green;
    }
    

    Please let me know if you have any additional questions.

    Kind regards,
    Taras

The topic ‘change link color/style’ is closed to new replies.