News Pro – Change Link Styling

Community Forums Forums Design Tips and Tricks News Pro – Change Link Styling

This topic is: not resolved

This topic contains 6 replies, has 2 voices, and was last updated by  AHereld 2 months, 1 week ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #118475

    AHereld
    Participant
    Post count: 20

    I would like to change the hyperlink styling in the following areas only:

    - body of blog posts
    - body of pages

    I’m happy with how links appear in the rest of the theme, but I would like to change it up in those areas. I was able to do this by editing a{, but then I had to go through and re-write link styling for everything else. I can’t help but think there is a hook I’m missing to just be able to do it where I want it instead of re-write 30 lines of code.

    http://www.streetpxl.com
    #118510

    braddalton
    Participant
    Post count: 10355

    Use this http://www.genesisframework.com/markup.php

    Try using

    .entry-content a {
       color: red;
    }
    

    You can also view the page source code, scroll down the the body classes section and find the class.

    .page

    <body class="page page-id-2 page-template-default
    

    .single

    <body class="single single-post postid-65 single-format-standard
    

    #118511

    braddalton
    Participant
    Post count: 10355

    So then you would use:

    .page .entry-content a {
       color: red;
    }
    
    .single .entry-content a {
       color: blue;
    }
    

    #118571

    AHereld
    Participant
    Post count: 20

    Thanks, but that’s still not working how I want it to. I’m only looking to change the link styling in areas where I have also changed the font to freight text. Just in the body of posts, and body of pages. I would like to change it to:

    a {
        text-decoration: none;
        color: #222;
    }
    .entry-content a, .entry-content a:hover {
       border-bottom: 1px solid #f00;
    }
    .entry-content a:hover {
        color: #f00;
    }

    Basically, so that links appear with a red underline, and red underline + red text when hovered. But only in those sections…I like how links on the rest of the site look. But whenever I try to do this, it seems like it changes everything.

    • This reply was modified 2 months, 2 weeks ago by  AHereld.
    • This reply was modified 2 months, 2 weeks ago by  AHereld.
    #118574

    braddalton
    Participant
    Post count: 10355

    Add your declarations to the same classes you added the freight text font to.


    #118575

    AHereld
    Participant
    Post count: 20

    Sorry, Brad, I’m just not following you. I think I’ve been messing with this for too long. My brain is cooked.

    #120717

    AHereld
    Participant
    Post count: 20

    Bump. Could still use some help with this.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.