Archived topic
Can i get my post meta to look like this?
32 replies · Started by Heath on September 29, 2022
Thank you Fernando! I have updated the container width to 25% and then 75%. The height of the profile image and the other meta is not matching up
Actually I was able to fix that by updating the margin. Now the only other thing is getting the Twitter icon next to the author name.
What does it look like from your end right now? Can you clear your browser's cache to be sure?
You can add another two column Grid Block to where your Author name should be, and then add the Author name to the left, and a GB Button to the right column. Add a Twitter Social Icon to the button as shown here: https://docs.generateblocks.com/article/buttons-overview/#icon
How do I add another grid column? I'd only need one because the only thing missing is the social icon after the post author name.
Any suggestions?
Here's a short screen recording showing how: https://share.getcloudapp.com/X6uQR4be
Will I need to redo what I've done? Not sure how to add the icon after what I've already got.
I want the icon to line up right after the by (author name) right beside it.
No, you shouldn't redo your structure. Just add a Grid Block under the Date Headline Block.
Then, add a Headline Block to the left, and a GB Buttons Block on the right column.
I know I'm wearing y'alls patience thin but I'm not getting this last step.
I added the social icon but it is below everything and it's not showing on the front end of the site even though I cleared my cache.
No worries, we're here to help.
Can you share temporary login credentials? I'll try to show you the structure needed to achieve that. I wont save it, I'll just take a screenshot.
Please use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
I've included credentials in the private field
Here's a short screen recording on how to do it: https://share.getcloudapp.com/04uWQ0R5
If however you find the spacing not as smooth as you want it to be, you can place the "by" Headline Block and the Buttons Block in one Container as such, then, we can align it through code: https://share.getcloudapp.com/2Nu7mx8Y
Ok, I was able to do this. Thanks for the video.
One last problem.... the Twitter icon is not showing and I'm not sure why. Maybe I've got something set up wrong.