Archived topic

Blog page: how to add a backgroung image header and more...

1 reply · Started by Jagoba on December 7, 2018

Viewing posts 1–2 of 2

December 7, 2018 at 9:08 am #750796

Hi,

I wold like to add a backgroung image with a small text befone the post in the Blog page and I do not know how to do it. Any idea?

And also, I find the Blog page visually very basic and I would like to add a border around each post and maybe a background color for each post too. Could you please help me?

Many thanks!
Maca

December 7, 2018 at 12:36 pm #750974

Hi there,

I believe you are looking for the header element/page hero feature:
https://docs.generatepress.com/article/header-element-overview/
https://docs.generatepress.com/article/page-hero-examples/

Try this CSS for the border:

.generate-columns .inside-article {
    border: 1px solid #000;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

As for the background color, you can change it in Customizer > Colors > Content:
https://docs.generatepress.com/article/colors-overview/

Let me know if this helps :)

This archived topic is closed to new replies.

Start building better websites today.