[Resolved] How to add underline below Hyperlink (not below meta,menus,header,comments)

Home Forums Support How to add underline below Hyperlink (not below meta,menus,header,comments)

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #991254
    Amol Chavan

    Hello All, I want to add underline below the Hyperlink in blog post.Hyperlink should not be expected under Menu,Comments,Meta links blog pages. I only wanted to display in blog post text area, side bar text area where I am hyperlink to any other blog post, side. could you please help me how to do this.

    #991377
    David
    Staff
    Customer Support

    Hi there,

    you can use the container classes to target the a links within the page content eg.

    #page a {
    /* Add your style here */
    }

    Note that any a elements are targeted this could include other types of content, to limit to just that within a paragraph the selector would #page p a

    Sidebars also have there own class eg, #right-sidebar

    So if you want the page and the right-sidebar your CSS rule would look like:

    #page p a, #right-sidebar p a {
    /* Add your style here */
    }

    Of course just p a will target all anchors within a pargraph

    #991413
    Amol Chavan

    Hello,

    I’m non technical so don’t know how to add this.Could you please send me inside code i.e /* Add your style here */ And do i need to replace p and a with name or it should be as it is?

    #page p a, #right-sidebar p a {
    /* Add your style here */
    }

    #991427
    David
    Staff
    Customer Support

    Try this:

    #page p a, #right-sidebar p a {
        text-decoration: underline;
    }

    How to add CSS:

    https://docs.generatepress.com/article/adding-css/

    #1278509
    Amol Chavan

    Resolved

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.