Removing colored lines between featured content

You can add custom CSS at Appearance > Customize > Additional CSS to your self-hosted site.

To change the colors of the lines, add the following. They are in order left-to-right.

/*Left image and text border color*/
.featured-content-inner .hentry:nth-of-type(3n+1)::before {
border-color-left: yellow;
}
.featured-content-inner .hentry:nth-of-type(3n+1) .post-thumbnail {
background-color: yellow;
border-color: yellow;
}
/*middle image and text border color*/
.featured-content-inner .hentry:nth-of-type(3n+2)::before {
border-color-left: pink;
}
.featured-content-inner .hentry:nth-of-type(3n+2) .post-thumbnail {
background-color: pink;
border-color: pink;
}
/*right image and text border color*/
.featured-content-inner .hentry:nth-of-type(3n+3)::before {
border-color-left: blue;
.featured-content-inner .hentry:nth-of-type(3n+3) .post-thumbnail {
}
.featured-content-inner .hentry:nth-of-type(3n+3) .post-thumbnail {
background-color: blue;
border-color: blue;
}

• This reply was modified 6 years, 10 months ago by sacredpath.

@sacredpath

Thank you,

The code doesn’t seem to change the lines, but adds a boxed line around them.

Here is the website I’m referring too.
I’m trying to change the lines horizontally.

https://bibleinstitute101.com/

Thanks for the link to your site. Which images/etc. are you referring to so that I can be sure I look at the right ones?

I got a theme builder to fix the problem.
Thank you for your help!

You are welcome.