Hi.
I specify once again that we are currently using the Theme “Newspaper – The Rimont Pro” whose demo link is: https://demo.tagdiv.com/newspaper_the_rimont_pro/.
We want to add videos on the Home Page in the form of Stories on Facebook and a bit like the CGTN news site already does as you can see on the part circled in RED on this screenshot: https://imgur.com/a/NOZ1qNV.
So, we would like to move the avatar located at the bottom of the Title of each post from the “STORIES” part circled in RED on the following screenshot: https://imgur.com/a/Bf82Q1D.
So that it goes up and positions itself at the bottom of the post card like this: https://imgur.com/a/3dB5uac.
But, the problem on my end is that when I try to do that, adding a margin-top: -122px; for example, hoping to succeed in bringing up the icon of the avatar in question, it does not work at all. Here is the code and CSS class of the avatar in question that I am trying to pull up to the bottom of the post card:
img.avatar.avatar-96.photo.td-animation-stack-type0-2 {
margin-top: -122px;
}
How then, manage to move this icon of the avatar in question to the bottom of each post so that it looks like the second screenshot above ???
Please, answer us through sample demonstrations in screenshots because it will help us best to quickly understand and solve our problems.
Thank you please help me.
Hi,
If that is a flex block from our theme, then please try this code:
img.avatar.avatar-96.photo.td-animation-stack-type0-2 {
position: relative;
top: -122px;
}
or this one
.td-module-meta-info .td-author-photo .avatar {
position: relative;
top: -122px;
}
You can set the code in the theme panel > custom code> custom css.
I hope this will help you!
