[Resolved] Minor Layout Changes

[Mouse]

Hi there, thanks for such an awesome support. Need few further changes to the layout:

1- Need the main heading (h1) on the post to be center alligned.
2- Need to remove the padding around the featured images only.
3- Need to able to customize the links “Only on the post pages” (Changing link color, underlining the link, highlighting the link to make it look more prominent).

Thank you so much.

[David]

Hi there,

try this CSS:

/* align single post title */
.single-post h1.entry-title {
  text-align: center;
}
/* style single post text links */
.single-post .entry-content a {
  font-weight: 700;
  color: #f00;
}
/* style single post text links - hover */
.single-post .entry-content a:hover {
  font-weight: 700;
  color: #00f;
}
/* remove padding from featured */
.incontent-featured-image {
  margin-left: -10px;
  margin-right: -10px;
}
@media(max-width: 768px) {
  .incontent-featured-image {
    margin-left: -20px;
    margin-right: -20px;
  }
}

[Mouse]

All the other things were awesome and they worked fine accept for the links.

Please take a look at the link style on this link: https://www.searchenginejournal.com/wordpress-out-of-touch/397202/

[Leo]

Not exactly sure if I understand.

Are you referring to the green border-bottom?

[Mouse]

Yes in post above…

there is the anchor text (Google Core Web Vitals Fix and Google PageSpeed Insight Rank in Mobile).

I want my links to be like that.

[Ying]

Hi there,

You could give this CSS a try, but it might not override some specific links:

body a {
    border-bottom: 2px solid #71c21b;
}

[Author]

Posts