- This topic has 9 replies, 3 voices, and was last updated 6 months ago by
Leo.
-
AuthorPosts
-
July 18, 2020 at 7:19 am #1367658
Sufia
Hi, I’m bit of an alignment freak.
I set the width of the container on my blog as 850 and then inside the container I moved the elements away from the edges – https://prnt.sc/tk77os.
1. I want the feature image to cover the container from end to end like this – https://prnt.sc/tk78rx. How do I do that?
2. Also, the container has become 850 site-wide. I don’t want the home page to be so contained. I would prefer the homepage width to be 950. Or more like this website – https://woorkup.com/. How can I achieve that?
3. In the homepage I want the structure to be boxed like this – https://prnt.sc/tk7dsv. Right now they are running to the edges like here – https://prnt.sc/tk7dpt. Possible to do that?
July 18, 2020 at 7:29 am #1367663David
StaffCustomer SupportHi there,
1. In Customizer > Layout > Blog –> Featured images – you can uncheck Display padding around featured image for the Posts. You must ensure that the image is large enough to fill the space.
2. Set your Customizer Width to 950px. Then use a Layout Element to set Content width to 850px for your Posts.
3. Can you explain more what that change is ?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 18, 2020 at 8:21 am #1367838Sufia
2. Set your Customizer Width to 950px. Then use a Layout Element to set Content width to 850px for your Posts.– Didn’t follow the last part. I went to Layout and then what?
July 18, 2020 at 8:36 am #1367859Leo
StaffCustomer SupportThis is what David is referring to:
https://docs.generatepress.com/article/layout-element-overview/#content-1Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 18, 2020 at 8:58 am #1367876Sufia
Got it Leo.
But this happened – https://prnt.sc/tk8xpp
The white background did not expand to the entire container. Not sure why.July 18, 2020 at 1:59 pm #1368080Leo
StaffCustomer SupportAny chance you can link us to the site in question?
You can edit the original topic and use the private URL field.
Let me know 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 18, 2020 at 2:03 pm #1368086Sufia
Hi Leo, I’ve linked my website.
July 18, 2020 at 2:19 pm #1368093Leo
StaffCustomer SupportAre you using any caching plugins?
If so can you disable so I can inspect the code better?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/July 18, 2020 at 2:30 pm #1368098Sufia
Done
July 19, 2020 at 7:57 am #1368753Leo
StaffCustomer SupportAhh the box-shadow on the container is giving the illusion.
Go to Additional CSS field in the customizer and replace this block:
.site-header, .main-navigation, .container, .site-footer, .site-info { box-shadow: 0 8px 8px #D0D0D0; }
with this:
.site-header, .main-navigation, .inside-article, .site-footer, .site-info { box-shadow: 0 8px 8px #D0D0D0; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.