Please take a look at the attachment, user details are showing a little bit over the avatar... I want to move them to right side. This is happening only on mobile and on desktop PC it looks fine.
www.yatrahelpline.com/community
Main page will say COMING SOON.
add this to custom css
#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .avatar {
width: 70px !important;
max-height: 70px !important;
}
Dashboard > Forums > Settings > Style (custom css)
visit my wpForo > Tutrix.de
with lots of customization & modification, e.g. hover cards, topic/post preview on mouseover, chatbox and much more...
@tutrix Thanks man, but it only decreased the size of avatar, it didn't shift the text on the right side 😕
By the way, I really love your guides from your website.
visit my wpForo > Tutrix.de
with lots of customization & modification, e.g. hover cards, topic/post preview on mouseover, chatbox and much more...
Yeah, I was also thinking about that... But I just wanted to test it, because small displays are almost going out of market now, So may be after some time I'll use that 🙂
Default value is 80px
@media screen and (max-width:620px) {
#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .author-data {
margin-left: 80px;
}
}
you can increase this value, for example 120px
@media screen and (max-width:620px) {
#wpforo #wpforo-wrap .wpfl-1 .wpforo-post .wpf-left .author-data {
margin-left: 120px;
}
}
visit my wpForo > Tutrix.de
with lots of customization & modification, e.g. hover cards, topic/post preview on mouseover, chatbox and much more...
