Notifications
Clear all

Images and Videos NOT aligned in the center.

6 Posts
2 Users
1 Reactions
495 Views
GGdragon
Posts: 12
Customer
Topic starter
(@ggdragon)
Member
Joined: 9 months ago

this is my topic  TradingView [มีคลิป] – tradingview (thaiforextrading.com)

My link and my picture set to be centered but show results It's not like that.

5 Replies
Astghik
Posts: 6193
Admin
(@astgh)
Illustrious Member
Joined: 7 years ago

Hi,

Please use this CSS code:

#wpforo #wpforo-wrap .wpf-embed {
    margin: 0 auto;
}

The CSS code should be inserted in the "Custom CSS code" textarea, located in the Dashboard > wpForo > Settings > Colors & Styles Tab. More info here: https://wpforo.com/docs/wpforo-v2/settings/colors-styles/

Reply
1 Reply
GGdragon
Customer
(@ggdragon)
Joined: 9 months ago

Member
Posts: 12

Posted by: @astgh

Hi,

Please use this CSS code:

#wpforo #wpforo-wrap .wpf-embed {
    margin: 0 auto;
}

The CSS code should be inserted in the "Custom CSS code" textarea, located in the Dashboard > wpForo > Settings > Colors & Styles Tab. More info here: https://wpforo.com/docs/wpforo-v2/settings/colors-styles/

 

Video links have been fixed, while images cannot be centered.

 

Reply
GGdragon
Posts: 12
Customer
Topic starter
(@ggdragon)
Member
Joined: 9 months ago
image
image

  Can I enter a code like this?

Reply
2 Replies
Astghik
Admin
(@astgh)
Joined: 7 years ago

Illustrious Member
Posts: 6193

@norrawit-somsri,

Add this one as well: 

#wpforo #wpforo-wrap .wpforo-post .wpf-right .wpforo-post-content p > img {
 display: block !important;
}
Reply
GGdragon
Customer
(@ggdragon)
Joined: 9 months ago

Member
Posts: 12

@astgh    for now i use this code.  

 

@media screen and (max-width: 620px){
#wpforo #wpforo-wrap {
padding: 10px !important;
}
}

#wpforo #wpforo-wrap .wpf-embed {
margin: 0 auto;
}

 

I want to rearrange your code.

Reply
Share:
Scroll to top