Site logo

Archived topic

Minor Layout Changes

5 replies · Started by Mouse on February 27, 2021

Viewing posts 1–6 of 6

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.

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;
  }
}

Not exactly sure if I understand.

Are you referring to the green border-bottom?

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.

Hi there,

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

body a {
    border-bottom: 2px solid #71c21b;
}
This archived topic is closed to new replies.