Archived topic
Need Some changes on dynamic field
5 replies · Started by subham sarkar on January 16, 2023
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
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