Site logo

Archived topic

Blog-Page does not go full-width

1 reply · Started by Andreas on March 30, 2021

Viewing posts 1–2 of 2

HI, It's me an I am German. Therefore I try to explain my problem the best I can:

My pages - incl. Blog - do not go full width. Actually they do, but I want the content container to be smaller than that, but the transperancy of background shall go full width.

Maybe you check it out: https://imkerei-thissen.de/?page_id=597

Header and footer are good. Content not.

Hi Andreas,

It's not possible to set the content area to full while keeping the content contained on the index page unfortunately.

Looking at your layout, I believe there are a couple of better solutions:

- Apply the overlay color to the background image itself so you don't have to apply any colors to each of the elements like header and content.

- Use this CSS to add the background image with the overlay so you don't have to apply any colors to each of the elements like header and content:

body {
    background: linear-gradient( rgba(255,255,255,0.8), rgba(255,255,255,0.8) ), url(https://imkerei-thissen.de/wp-content/uploads/2021/01/background.png);
}

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

I'd say the first solution is better as it doesn't require any additional code.

This archived topic is closed to new replies.