[Resolved] Body Content Link CSS

Home Forums Support [Resolved] Body Content Link CSS

Home Forums Support Body Content Link CSS

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2011444
    Py

    I want to underline the links that appear in the body of my content.

    I used the following CSS Code

    a {
        font-weight: bold !important;
    		text-decoration: none;
    		padding-bottom: 3px;
    	  border-bottom: dashed 1px;
    }
    
    a:hover
    {
        border-bottom: solid 2px;
    }

    But this underlines the links in the header and footer as well.

    When I added #content in front of a and a:hover CSS Code, it ended up breaking the buttons in the body of the post.

    Any help really appreciated.

    #2011464
    Leo
    Staff
    Customer Support

    Hi there,

    Are you using the most recent version of GeneratePress theme?

    If so try this option:
    https://www.screencast.com/t/PpxdWQhB0

    #2012430
    Py

    Thanks. I want the underline to be dotted underline and a little spaced below the text. Specifically using the css.

    #2012494
    Leo
    Staff
    Customer Support

    Try this:

    .entry-content a {
        font-weight: bold !important;
        text-decoration: none;
        padding-bottom: 3px;
        border-bottom: dashed 1px;
    }
    
    .entry-content a:hover
    {
        border-bottom: solid 2px;
    }
    #2012778
    Py

    Thank you. That works.

    #2013495
    Leo
    Staff
    Customer Support

    No problem 🙂

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