- This topic has 5 replies, 2 voices, and was last updated 4 years, 1 month ago by
David.
-
AuthorPosts
-
May 8, 2018 at 8:31 am #570703
Charalambos
Hello,
First of all, thanks for this theme, its by far the best and fastest i have worked with.
I have searched throughout the forum but could find an answer about wrapping your content. I found the link below which talks about wrapping your entire container,
https://docs.generatepress.com/article/adding-a-container-wrapper/
My questions is, how do you apply it on the blog area, in order to wrap the posts with a thin border line. For example i m using a home page with 2 columns and the default sitebar. How do i wrap each post?
Last, I am using the primary navigation as a header, so i found the link below on how to do it in 5 steps.
https://docs.generatepress.com/article/navigation-logo/
1. Set your navigation location to Below Header or Above Header in Customize > Layout > Primary Navigation.
2. Remove your site title/tagline/logo from the header in Customize > Site Identity.
3. Set your Navigation Logo Position to Sticky + Static.
4. Set your Sticky Navigation Transition to None.
5. Then, full remove your header using the CSS below:However, by removing the site title/tagline, then the site stays without a title which is not good for SEO. I just removed the header logo, hided the site title/tagline and set the header padding to zero. I didn’t even used the CSS code. Would that be any problem?
thanks in advance for help
GP Premium 1.6.2May 8, 2018 at 8:46 am #570720David
StaffCustomer SupportHi Charalambos, thank you glad your enjoying the theme.
To add a border to the post article just requires some CSS:.blog .post .inside-article { border: 1px solid; }
Removing the Site Title is not an issue as this is still kept as the title meta.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 8, 2018 at 10:29 am #570802Charalambos
Hello David,
Thanks for your quick reply. The code works for the content area in the homepage. May i ask how do i wrap everything? i.e sitebar, all blog areas like categories and tags, primary navigation, footer etc.
As for using the primary navigation area as header, the last step in the link above speaks about adding the css code below to completely remove the header,
.site-header {
display: none;
}However, I have managed to remove the header by just hiding the title and tagline and set the header padding to zero. Do i still need to add the css code mentioned above?
regards
May 8, 2018 at 11:07 am #570836David
StaffCustomer SupportHi, you can just add a border to the site content for the blog like so:
.blog .site-content { border: 1px solid; }
Or if you want greater control then you can apply the container wrapper solution you posted above and then style it for the blog page:
.blog .full-container { border: 1px solid; }
For the header if your current fix works then that is fine.
David
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 9, 2018 at 5:36 am #571357Charalambos
Ok thanks for the additional info,
I will go through my options once more and see what suits me better.
May 9, 2018 at 5:37 am #571360David
StaffCustomer SupportYour welcome Charalambos – we’re here if you need any further assistance
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.