- This topic has 16 replies, 3 voices, and was last updated 3 years, 6 months ago by David.
-
AuthorPosts
-
September 25, 2020 at 5:11 am #1458318Sanu Kumar
Hey
Is there any chances to show my content (blog post) in the box and should be in the centre. As this website is using; URL:https://www.matthewwoodward.co.uk/seo/keywords/keyword-research-template/
Screenshot URL: https://ibb.co/PTGpgVdIs it possible in GP without page builder?
September 25, 2020 at 5:46 am #1458371DavidStaffCustomer SupportHi there,
should be possible with some CSS – do you have a site setup where i can take a look at what needs to be done.
September 25, 2020 at 6:24 am #1458410Sanu KumarFor example, here’s the link: https://www.masteryblogging.com/siteground-black-friday-deal/
I want it on all the posts only and NOT pages.September 25, 2020 at 7:32 am #1458483DavidStaffCustomer SupportYou can re-hook the header element to inside the content area using the filter provided here:
https://docs.generatepress.com/article/generate_page_hero_location/
Your code for single posts, placing the header element where the featured image is would look like this:
add_filter( 'generate_page_hero_location', function( $location ) { if ( is_single() ) { $location = 'generate_before_content'; } return $location; } );
September 25, 2020 at 9:25 am #1458809Sanu KumarNot sure if I fully understand.
GP is using this layout: https://docs.generatepress.com/collection/add-ons/
I want to achieve same but no sidebar and the box should be in middle like Matthew Woodward is using in his site: https://www.matthewwoodward.co.uk/seo/keywords/keyword-research-template/
September 25, 2020 at 9:54 am #1458858LeoStaffCustomer SupportI think we are a bit confused about what you are trying to achieve.
Are you basically wanting to have everything in a box? So like reduce the width of the current page hero?
September 25, 2020 at 10:06 am #1458877Sanu KumarI want exactly the same as GP is using on their docs. But I don’t want sidebar. GP is using left sidebar but I don’t want any sidebar.
I just want to achieve the same as GP is using on their docs. Here’s the link: https://docs.generatepress.com/article/merging-header-navigation-content/
I want to make it on the POST only.
September 25, 2020 at 10:10 am #1458882LeoStaffCustomer SupportThere isn’t anything special about that page.
Are you referring to the border and shadow etc?
September 25, 2020 at 10:15 am #1458891Sanu KumarYes, I thought its a box.
September 25, 2020 at 11:12 am #1458969LeoStaffCustomer SupportSomething like this?
.single .site.grid-container { border: 1px solid #e9e5e5; box-shadow: -19px -22px 49px -19px rgba(0,0,0,0.1); }
September 25, 2020 at 5:50 pm #1459276Sanu KumarYes, it is good now but I want to modify it more like after applying this CSS, only content covered.
I want to take inside H1 with author name and Last Updated date + content area all should be in one.
September 25, 2020 at 9:05 pm #1459350LeoStaffCustomer SupportLooks like you’ve figured out?
https://www.screencast.com/t/Y51uCrpnISeptember 25, 2020 at 10:19 pm #1459406Sanu Kumaryes I have figured it out but could you help me..there is no gap from the top..I want some gap between the header and border-top.
September 25, 2020 at 10:45 pm #1459428Sanu KumarSeptember 26, 2020 at 8:21 am #1460037DavidStaffCustomer SupportTry this CSS:
.single-post #page { margin-top: 40px; } /* Mobile spacing */ @media(max-width: 768px) { .single-post #page { margin-top: 20px; } }
-
AuthorPosts
- You must be logged in to reply to this topic.