sacredpath
(@sacredpath)
Automattic Happiness Engineer
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 8 years 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/
sacredpath
(@sacredpath)
Automattic Happiness Engineer
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!
sacredpath
(@sacredpath)
Automattic Happiness Engineer