[Resolved] custom blog page

[Mathias]

Hi,

I created a custom blog archive page:
http://dev-1.upconversion.de/blog

1.
I would like the featured images be full width like so:
https://www.haartransplantation-tuerkei.com/ratgeber
https://generatepress.com/site-library/

2.
I also realized that the feature image of the blog page itsself is not pulled. The blog page uses the same hero image header element like in posts.
http://dev-1.upconversion.de/test-2#more-1650

3.
How can I achieve a margin to the left and right in mobile /tablet mode for the blog archive page?

thanks again

[Leo]

Hi there,

1. Have you tried unchecking the Display padding around the images option?
https://docs.generatepress.com/article/adjusting-the-featured-images/

2. WordPress doesn’t support the featured image option for the posts/archive pages. You’d need to create a separate header element and use the custom image option and assign it to the posts page only:
https://docs.generatepress.com/article/header-element-overview/#background-image

3. Try this CSS:

@media (max-width: 768px) {
    .site-content .site-main {
        margin-left: 20px!important;
        margin-right: 20px!important;
    }
}

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

Let me know if this helps 🙂

[Mathias]

thank you very much Leo,

issue 2 & 3 are solved.

Regarding the first issue:
I unchecked the display padding around images option and it looks perfectly aligned in mobile view, but not in tablet and desktop view – here the the image is overlapping somehow.

I could not figure out what the reason might be.

thanks for looking into it.

have a great day

[David]

Hi there,

Unchecking the Display Padding option removes the padding you have set in Customizer > Layout > Container > Padding – change this to 30px to match the CSS you have added….

[Mathias]

thanks David,

now it works.

Have a great day.

[David]

You’re welcome

[Author]

Posts