Archived topic
Front page adjustment vs additional sites and widgets
7 replies · Started by Michael on January 16, 2018
Hey
I have managed to remove the padding around the image on my front page.
However, both the text on my additional sites as well as my sidebars (using Theme Sidebars) are cramped up to the navigation bar. I'd like to change that, and add some padding there.
Finally I'd like my front page pic (website id) to fill out the page left-to-right.
I'm quite new to WP so I need "the easy fix" ;0)
Michael
Hi there,
I think what you are looking for is using Separate container with some content padding:
https://docs.generatepress.com/article/content-layout/
https://docs.generatepress.com/article/content-padding/
Or simply add some top content padding with the current one container layout.
For front page hero image, try using our page header add-on. It has full width/full screen options:
https://docs.generatepress.com/article/page-header-overview/
https://docs.generatepress.com/article/page-header-content/#container
Let me know if this helps.
Hi Leo
Separating the containers did the trick with the sidebars.
However, the FrontPage pic is the same. Maybe I got the wrong set-up?
I'm inserting the pic as media on my static front page (using header btw completely screws up evrything. Regardless of settings, centering, sizing etc. it shows up on top taking exactly the right half of the screen)...
All I want is a static front page, a fixed full page image and a footer.
Regarding the footer (btw ;0)) is there a way to spice it up it terms of design? Right now I've just inserted a text widget in the footer and decided to have 2 footers in there....
tx Leo
Michael
It's definitely best to add that image as a page header.
Try this as your page header content:
<img src="http://bodydevelopment.dk/wp-content/uploads/2018/01/massage_hjaelper_ikke_pa_oemme_muskler_traening.jpg">
Then set it to full width here: https://docs.generatepress.com/article/page-header-content/#container
Then enable full screen: https://docs.generatepress.com/article/page-header-content/#fullscreen
It should work :)
What designs are you looking for for the footer? Any examples?
hi Leo
I did alle that and there's no image---just the footer and the web id.
speaking of the devil, I'm thinking something column based with smaller font.
tx for your patience man
I don't see a page header assign to the front page.
Did you assign the page header you created using the page header meta box?
https://docs.generatepress.com/article/layout-metabox-overview/
Not sure what you mean by column based? It's currently two columns already.
Font size is inheriting from Typography > Body.
If you want to set it different, try this CSS:
.inside-footer-widgets p {
font-size: 15px;
}I managed. Tx for pusling me through.😉👍
No problem :)
