Personalizing Hyperlink


#1

Hi (again)

I’d like to know how can I change the Hyperlinks from the site. But not all of them… In the home page I think it’s ok, and I don’t want to change.

In the post text page, the color are blue, and I want to change.
Here it is:

It’s possible doing something like this exemple from this other site?
image

In the Related Posts, it is the same thing.

And the widgets too…
image

Thank you so much


#2

Hello there,

To style post’s link color, add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .hentry a {
      padding-bottom: 3px;
      border-bottom: 2px solid #fff000;
      color: #fff000
    }

To style the widget title, you can use this code:

    .widget-title {
      color: #fff000;
    }

    .widget-title:after {
      background-color: #fff000;
    }

Regards,
Kharis


#3

This code is changing every hyperlink in the site… There is a way to change only the post area?


#4

Hello there,

Try replacing this code:

    .hentry a {
      padding-bottom: 3px;
      border-bottom: 2px solid #fff000;
      color: #fff000
    }

with:

    .single-post .hentry a {
      padding-bottom: 3px;
      border-bottom: 2px solid #fff000;
      color: #fff000
    }

Regards,
Kharis


#5

It worked! But is appearing in those parts too… There’s a code to “remove” this effects in those parts?
image

Another question:
There’s a code to make Single Pages looks like a Home Page? Without the espace to widgets on the right?


#6

Disconsider the second question, I’ve already found the answer in other topic. Thanks!


#7

Hello there,

Try this code:

.single-post .hentry .entry-content a {
      padding-bottom: 3px;
      border-bottom: 2px solid #fff000;
      color: #fff000;
}

Regards,
Kharis


#8

There’s a code to do the same in the Pages?

It worked on the posts, thank you so much!


#9

Try this code:

    .page .hentry .entry-content a,
    .single-post .hentry .entry-content a {
          padding-bottom: 3px;
          border-bottom: 2px solid #fff000;
          color: #fff000;
    }

Regards,
Kharis