Archived topic
Three Column Page Archive or Fix?
7 replies · Started by Lynn Walford on June 21, 2021
I'm trying to make an archive page like my original. I set up a page with a left and right sidebars filled with widgets---They make the page in the middle two small and the text contracts. How do I make it at least look decent? I tried making the overall design larger than 720--up to 960 and 1040 pixels it didn't help.
Please see original archives--
Then see what I made so far a page with right and left sidebar widgets.
I don't care if the final archives is two columns just so it looks nice.
Everything else in GP is fine on the test site.
1. Also please direct me to the proper way to export the settings---
2. Do all the widgets export or do I have remake them?
Thank you.
Hi Lynn,
If I may suggest:
Can you try removing the settings related to this and set the page structure to Flexbox on Appearance > Customize > General?
We then set the sidebar of this page to sidebar - content - sidebar.
You then add this CSS:
@media (min-width: 769px){
.site-content .content-area, .is-left-sidebar, .is_right_sidebar {
width: 33.33%;
}
div#content {
justify-content: center;
}
}
Assuming all goes correctly, This will be the result - https://share.getcloudapp.com/yAuryYDd - which is real close to the layout of your reference site.
It didn't work.
I don't know what you mean by "remove settings" I tired changing the container to 1200 1400 and 1900 and it still make too thin all the pages including the home page.
I just one single archive page to fill with widgets.
See screen shot---I took with cloud app. Where do I put the CSS in the individual page or in CSS for customize?
I removed the CSS your requested from CSS at the the customize theme portion for now.
See screen shot—I took with cloud app. Where do I put the CSS in the individual page or in CSS for customize?
Do you want this 3-column layout to apply on a specific page only?
If that's the case, we'll need to create a Layout element and a Hook element so it applies on a specified page.
First, create the Layout Element - https://docs.generatepress.com/article/layout-element-overview/#sidebar
Set the sidebar setting to "Sidebar - Content - Sidebar" and then set the Display Rule location to "Page - [your target page]"
We then create a Hook Element with this code in it.
<style>
@media (min-width: 769px){
.site-content .content-area, .is-left-sidebar, .is_right_sidebar {
width: 33.33% !important;
}
div#content {
justify-content: center;
}
}
</style>
And then set the Display rule location the same as the Layout Element you've just created.
This way, the sidebar setting and the CSS styling only applies to the specified page.
What resulted does not look right.
1. I don't need even content unless there is a way to put widgets in the middle of the page. Is there?
The three columns look terrible there's not enough I can put in the main page content.
2.Is there a way to main contented followed by two or three columns of widget footers instead? Like the original
3.Or just have two columns with no title and no content for content?
Please give me the answers and exact instructions---
1.
2.
3.
I think I'm missing something.
Let's clarify a few things:
Can you specify how the page should be laid out with and without content?
2.Is there a way to main contented followed by two or three columns of widget footers instead? Like the original
3.Or just have two columns with no title and no content for content?
We can't have 3 using the default sidebars.
Do you want it to be something like this? https://share.getcloudapp.com/12u4PDyp
All I'm trying to do is create a page with many widgets on it to act as an archive page.
Thank you WE ARE GETTING Closer YAY!
The original using Cyberchimps themes had a way to make three columns of widgets after the page. The original has the content (generated by the page followed by three columns of widgets---
I want to use widgets they can populate the content with links to recent posts, categories, calendar, tags and lists.
I'm able to do that with GP footers.
<B>I only want the footers on the Sitemap page and no footers else on the entire site.</B>
I don't want the footers to appear on the rest of the website-- I also want the footers to have a white background. See the example. It's close enough.
Please tell me how to have the footers only appear on the site map page with a white background.
Thank you.
Hi Lynn,
You can use a Layout element to disable the footer for the entire site, except this specific page.
https://docs.generatepress.com/article/layout-element-overview/#disable-element
If you can't find the disable element tab, you'll need to activate this module first at Appearance > Generatepress.
You can change its color at Customizer> Colors > Footer.
Let me know :)