[Support request] Need Some changes on dynamic field

[subham sarkar]

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

[Ying]

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.

[subham sarkar]

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.

[Ying]

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;
}

[subham sarkar]

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/

[Ying]

GB’s headline block has the option for you to add paddings to the icon.
https://docs.generateblocks.com/article/headline-overview/#icon

[Author]

Posts