- This topic has 5 replies, 2 voices, and was last updated 3 years, 3 months ago by
.
-
Posts
-
I’ve few questions regarding dynamic field use in post meta and author box.
First how can I change position of the icon from left to right in the author box as well as post meta. Currently I have icon on the left but I want this to be in right side https://autochimps.com/how-long-car-cool-down/.
Besides this How can I show a text or author bio when someone will hover on the author name on meta data. like https://prnt.sc/cwy1vtmEDRGa
Third how can I add a reviewer with an article something like https://www.thespruce.com/best-grow-lights-4158720
Customer Support
Hi there,
1. Try this CSS:
.single-post .entry-meta .byline .author.vcard > svg { order: -1; margin-left: 0; margin-right: 3px; } .author-box .author-info .author-title { display: flex; } .author-box .author-info .author-title span { order: 3; } .author-box .author-info .author-title svg { margin-left: 0; margin-right: 3px; }2.
Besides this How can I show a text or author bio when someone will hover on the author name on meta data
It’s kinda tricky, and will require some custom solution. Or you can use a block element – post meta tempalte, that will be easier to make it work.
3. You can find plugins which do this, or you can add a custom field to posts, and pull the dynamic data.
Sorry but the code doesn’t work. What I want is to align the icon use besides the author name to be in left side rather right.
Ah sorry, I thought the example site was your site.
In your case, it’s easier. You can add a custom CSS class to the headline block which shows the author name and icon, eg.
reverse-icon, then add this CSS:.reverse-icon { flex-direction: row-reverse; }Thanks it works but how can I add some extra padding between the text and the icon. https://www.rvingknowhow.com/how-much-water-does-an-rv-toilet-use/
GB’s headline block has the option for you to add paddings to the icon.
https://docs.generateblocks.com/article/headline-overview/#icon
- You must be logged in to reply to this topic.
