[Resolved] Help needed getting layout back to template style (vacation)

[Kate]

Hi
I’m customising my site http://www.ethicalescapes.org using the vacation template. I’ve accidentally changed the layout so that there are borders left and right on all the pages. I want to get it back to how you have it in the template https://generatepress.com/site-library/ where the images go the full width across the page and there is no border. Can you help?!

[David]

Hi there,

are you wanting to re-import the layout and the content from the Vacation site ?
Or is it just a case of having your content extend to the edges of the viewport ?

[Kate]

Hi
No I don’t want to re import the template, I just want my site to not have the borders. It didn’t to begin with but I’ve done something while I’ve been customising it and now it has these borders which I don’t want. Could possibly be something to do with the containers in the home page? Which I don’t fully understand yet. But possibly not. Hoping I’m just not seeing where the options are in. the customise menu to just ‘not have borders’!
Thanks

[David]

Go to Customizer > Colors and set the Body Background to White. This will remove the borders.

[Kate]

ok great that helped. thanks! but how do I now get the cover image to stretch all the way from left to right?

[David]

You can select the Cover Block, and in its Toolbar select the Full Width.

OR if you want something more dynamic then you can create Page Heroes using the Block Element. See here:

https://docs.generatepress.com/article/block-element-page-hero/

[Kate]

Ah thanks. There is still a white border at the top of the menu on the home page http://www.ethicalescapes.org. How do I remove this?

[David]

Try adding this CSS:

.page-hero + .site .site-content {
    padding-top: 0;
}

[Kate]

Thanks that works!

[David]

Glad to hear that!

[Author]

Posts