Notifications
Clear all

Style [Solved] How to fix user details spacing in post (MOBILE only)

9 Posts
3 Users
2 Likes
447 Views
amitkool21
Posts: 44
Topic starter
(@amitkool21)
Trusted Member
Joined: 3 years ago

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.

wpForo Version
1.9.9
8 Replies
Chris
Posts: 2350
Admin
(@chris)
Support Team
Joined: 1 year ago

Hi @amitkool21,

Please provide your Forum URL.

Reply
amitkool21
Posts: 44
Topic starter
(@amitkool21)
Trusted Member
Joined: 3 years ago

www.yatrahelpline.com/community

 

Main page will say COMING SOON. 

Reply
Tutrix
Posts: 825
(@tutrix)
Noble Member
Joined: 3 years ago

@amitkool21

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)

Reply
5 Replies
amitkool21
(@amitkool21)
Joined: 3 years ago

Trusted Member
Posts: 44

@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.

Reply
Tutrix
(@tutrix)
Joined: 3 years ago

Noble Member
Posts: 825

@amitkool21 

on small displays there is no space on the right side 😉 

Reply
amitkool21
(@amitkool21)
Joined: 3 years ago

Trusted Member
Posts: 44

@tutrix 

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 🙂 

Reply
Tutrix
(@tutrix)
Joined: 3 years ago

Noble Member
Posts: 825

@amitkool21 

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;
}
}
Reply
amitkool21
(@amitkool21)
Joined: 3 years ago

Trusted Member
Posts: 44

@tutrix 

worked perfectly... Thanks a ton mate 🙂 

Reply