StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

News Pro – Change Link Styling

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

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

This topic is: not resolved

Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 12, 2014 at 6:26 pm #118475
    AHereld
    Member

    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
    August 12, 2014 at 11:20 pm #118510
    Brad Dalton
    Participant

    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

    Tutorials for StudioPress Themes & WooCommerce.

    August 12, 2014 at 11:27 pm #118511
    Brad Dalton
    Participant

    So then you would use:

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

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

    Tutorials for StudioPress Themes & WooCommerce.

    August 13, 2014 at 8:20 am #118571
    AHereld
    Member

    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.

    August 13, 2014 at 8:39 am #118574
    Brad Dalton
    Participant

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

    Tutorials for StudioPress Themes & WooCommerce.

    August 13, 2014 at 8:48 am #118575
    AHereld
    Member

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

    August 23, 2014 at 9:18 pm #120717
    AHereld
    Member

    Bump. Could still use some help with this.

    September 21, 2016 at 5:42 am #193458
    Portheca
    Member

    Could you elaborate on which part of the styling you want to change?

    International leverandør af fragtpriser og hjælp til shipping og spedition. Søg fragtpriser online på Transporteca.com og find den bedste leverandør på få minutter.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.