- This topic has 11 replies, 4 voices, and was last updated 4 years ago by David.
-
AuthorPosts
-
March 13, 2020 at 4:18 pm #1194242Shahnam
Hello ,
I’m trying to achieve a single blog layout like this : https://theidlecat.com/kitten-food-differences/
I’ve gotten this far (https://www.ipetcompanion.com/cat-not-eating/) but there are somethings i need help with.
1. In-article Images : On my site , I’ll like to remove padding for in-article images which will allow them take the full container width : https://imgur.com/qi7ubDb
2. Fonts : Can you help me identify what fonts they’re using for body (text) and headers? If successful , where do i change Generatepress theme fonts?
3. Header Alignment : How can i align my site header & colors like theirs? https://imgur.com/ni0Xjmf
4. Featured image padding : How can i achieve this : https://imgur.com/PEgTLbu
5. Post Meta Data : Where can i modify post meta data to something like this : https://imgur.com/I2w3KbL
I understand that you may already have documentations for some of my questions. If yes , please point me to where i can find them.
Thanks.
March 14, 2020 at 4:07 am #1194482DavidStaffCustomer SupportHi there,
lets tackle a couple at a time:
1. If you’re using the Gutenberg block editor then you chose the the Wide Width option in the block toolbar to do this. If not you can use try this rather hackish CSS that applies a similar method:
.entry-content img { margin: 32px -40px; max-width: unset; width: calc( 100% + 80px); } /* Adjust for mobile padding */ @media (max-width: 768px) { .entry-content img { margin: 32px -30px; width: calc( 100% + 60px); } }
2. Fonts:
Body is set to System Stack font – so this will be displayed as a Sans font that your browser chooses. e.g Chrome will display Roboto.Headings: Quicksand
3. Customizer > Layout > Header -> Enable Navigation as Header.
4. This CSS for the border radius:
.post-image-above-header .inside-article .featured-image img { border-radius: 4px; }
Note: you will see the Content White background – so the effect only really works if you set the Colors > Background > Content to match the body.
March 14, 2020 at 7:58 am #1194771ShahnamThanks David for the help , got what i want.
Btw , i noticed you didn’t answer #5
5. Post Meta Data : Where can i modify post meta data to something like this : https://imgur.com/I2w3KbL
Also , i’ll like my articles to show the last modified date and not published date.
Any help here?
Thank you.
March 14, 2020 at 8:54 am #1194831LeoStaffCustomer Support5. Try this to rearrange the meta to be author > date:
https://docs.generatepress.com/article/generate_header_entry_meta_items/
Adding PHP: https://docs.generatepress.com/article/adding-php/Then add this to show updated date:
https://docs.generatepress.com/article/show-the-updated-post-date/
Adding CSS: https://docs.generatepress.com/article/adding-css/March 15, 2020 at 3:17 am #1195251ShahnamHello ,
I used the code and CSS here for author profile : https://generatepress.com/forums/topic/gravatar-image-is-not-showing-on-author-profile/ . Works great but looks jammed. Any way i can add spacing to make it look neat?
Also , i’ll like to get rid of the related post navigation. Doesn’t look good.
March 15, 2020 at 4:55 am #1195308DavidStaffCustomer SupportTry adding this CSS to put some space above the Author box:
.author-box { margin-top: 2em; }
You can uncheck: Display post navigation in Customizer > Layout > Blog –> Content > Single (tab)
March 27, 2020 at 11:55 am #1212326ShahnamHi ,
I’m back again
1. How can i remove links in Post author and date meta? : https://imgur.com/bd3Ijbm
2. I’ll like to move author box above social share buttons : https://imgur.com/adCOH2i
Thank you!
March 27, 2020 at 5:34 pm #1212530TomLead DeveloperLead DeveloperHi there,
1. These should help:
https://docs.generatepress.com/article/generate_post_author_output/#remove-link
https://docs.generatepress.com/article/generate_post_date_output/#remove-link-from-date2. How are the social icons being added to the page?
March 28, 2020 at 1:41 am #1212715Shahnam1. Where should the hooks be placed (before_content_ , before_main_content , e.t.c)?
2. I’m using scriptless social share wordpress plugin (https://wordpress.org/plugins/scriptless-social-sharing/)
March 28, 2020 at 5:26 am #1212858DavidStaffCustomer Support1. those codes cannot be added using the Hook Element. This doc explains the methods you can use:
https://docs.generatepress.com/article/adding-php/
2. In the plugin settings you can uncheck the locations. And then use a Hook Element to add the shortcode they provide:
[scriptless]
You can use the same Hook as the Author box just give it a higher priorty number then the author box hook.
March 28, 2020 at 11:57 am #1213329ShahnamAll good , thank you!
March 29, 2020 at 5:33 am #1218304DavidStaffCustomer SupportYou’re welcome
-
AuthorPosts
- You must be logged in to reply to this topic.