Notifications
Clear all

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

9 Posts
3 Users
2 Reactions
954 Views
Posts: 56
Topic starter
(@amitkool21)
Trusted Member
Joined: 5 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.

8 Replies
Chris
Posts: 3627
(@chris)
Famed Member
Joined: 3 years ago

Hi @amitkool21,

Please provide your Forum URL.

Posts: 56
Topic starter
(@amitkool21)
Trusted Member
Joined: 5 years ago

www.yatrahelpline.com/community

 

Main page will say COMING SOON. 

Tutrix
Posts: 1455
(@tutrix)
Noble Member
Joined: 5 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)

5 Replies
(@amitkool21)
Joined: 5 years ago

Trusted Member
Posts: 56

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

Tutrix
(@tutrix)
Joined: 5 years ago

Noble Member
Posts: 1455

@amitkool21 

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

(@amitkool21)
Joined: 5 years ago

Trusted Member
Posts: 56

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

Tutrix
(@tutrix)
Joined: 5 years ago

Noble Member
Posts: 1455

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

Trusted Member
Posts: 56

@tutrix 

worked perfectly... Thanks a ton mate 🙂