I am trying to: Use a new theme, "GeneratePress" but archive pages are not working correctly.
Link to a page where the issue can be seen: hidden link
I expected to see: The content stay within the 'white box'
Instead, I got: It breaks out of the content area, it does this on every archive page that uses a template.
Do you know why its doing this? GeneratePress support said if I add the missing content wrapping elements manually this could fix this, but I am unsure how to do this so they are included on all template pages?
hidden link
Thanks.
Hello,
I have checked the URL you mentioned above:
hidden link
It seems to work fine, where can I see the problem you mentioned above:
It breaks out of the content area
Is it a taxonomy archive page? And here are documents about Views wordpress archive:
https://toolset.com/documentation/user-guides/custom-archives/
For your reference.
Hi Luo
The content should be still within the white box.
See for example this page - hidden link. This page is using a view and the content has stayed within the white box area.
However on this page hidden link the content breaks out of white content area.
Thanks.
Thanks for the details, it is a CSS problem, I suggest you try this CSS codes:
body.archive.tax-status main.site-main{
background-color: white;
}
This will take effect on "tax-status" taxonomy archive page only, and setup up the ".site-main" section as white background color, see screenshot:
background-color.JPG
Hmm right OK, how can we solve this though so it works on all archive pages?
This seems to be a Toolset issue now a theme issue?
Also the border on your example what causes this, is this to do with my code for the archive view?
Thanks.
Q1) how can we solve this though so it works on all archive pages?
You can modify the CSS codes as below:
body.archive main.site-main{
background-color: white;
}
It will take effect on all archive page
Q2) This seems to be a Toolset issue now a theme issue?
Yes, you are right, it should be a theme issue
Q3) Also the border on your example what causes this, is this to do with my code for the archive view?
Yes, the border is defined in your CSS file
hidden link line 1:
table, th, td {
border: 1px solid rgba(0,0,0,.1);
}
You can disable it or use CSS codes to override it.
See screenshot border.JPG