- This topic has 11 replies, 4 voices, and was last updated 5 years, 2 months ago by David.
-
AuthorPosts
-
January 20, 2018 at 9:55 pm #476080Cecilia
Hi!
First of all, thanks for a great theme and plugin!I’m trying to figure out how to create the design I want.
I have looked through the documentation and forum but I have not found the answer.What I want to do is this:
1.
I want the default page width to be 1100px.
Cuztomize > Layout > Container > Container width – check.
https://docs.generatepress.com/article/container-width/When opening a blog post I would like the content to be 700px to increase readability.
If I add 200px padding left and right for content, it affects the whole site, making my 1100px-site narrow down to 700px.
https://docs.generatepress.com/article/content-padding/2.
Also, I wonder if it’s possible to affect the blog archive page to show for example a signup form at the very top of the page. I tried the sections plugin but I didn’t manage to make it work. Perhaps it’s not possible due to standard functionality in WordPress?/Cecilia
PS My site is under construction, so you will not be able to see it. Let me know if you need to, and I’ll let you in.
January 21, 2018 at 5:30 am #476237LeoStaffCustomer SupportHi there,
1. Are you using separate container or one container?
2. You can use GP hooks with conditional tags:
https://docs.generatepress.com/article/hooks-overview/
http://demo.generatepress.com/hook-locations/
https://docs.generatepress.com/article/using-hooks-conditional-tags/#blog-posts-pageJanuary 21, 2018 at 5:34 am #476245CeciliaThanks!
I don’t really “use” container/one container in that sense since I’m still playing around trying to figure things out, so I’m flexible. I’ve tried both. Is one to prefer over the other, considering what I want to do?Thanks for the links, I’ll check it out.
/Cecilia
January 21, 2018 at 8:46 am #476432CeciliaI’ve looked into hooks but I don’t quite see how to do what I want.
I would like single blog posts to have a container width of 700px.
Other pages to be 850px.Content width is set to 850px.
Content layout is set to separate containers.
What can I add with hooks making the content width for posts to be max 700px?/Cecilia
January 21, 2018 at 2:01 pm #476632LeoStaffCustomer SupportThis CSS should work to make the single posts 700px in width:
body.single .grid-container { max-width: 700px; }
Hooks is for your second question to add the signup form as you labeled.
January 21, 2018 at 8:49 pm #476743CeciliaAh, ok. I see. Sorry for the mixup.
Thank you!January 22, 2018 at 6:30 am #477008LeoStaffCustomer SupportNo problem!
January 24, 2019 at 1:55 pm #791414UweHey, I just tried this but, for some reason, it also changes the width of the menu to 700px which is something I don’t want.
Do you know how I can fix this?
January 24, 2019 at 6:00 pm #791534LeoStaffCustomer SupportTry this instead:
body.single .site.grid-container { max-width: 700px; }
January 25, 2019 at 12:29 am #791684UweIt worked, thanks!
January 25, 2019 at 12:42 am #791697UweJust one more question on this topic: How can I only apply the 700px width to posts that don’t have a sidebar?
January 25, 2019 at 4:37 am #791821DavidStaffCustomer SupportHi there,
update the CSS to this:
body.single.no-sidebar .site.grid-container { max-width: 700px; }
-
AuthorPosts
- You must be logged in to reply to this topic.