Notifications
Clear all

[Solved] Embed & Cross Post Comments Styling

3 Posts
2 Users
1 Reactions
469 Views
Posts: 2
Topic starter
(@devlib)
New Member
Joined: 1 year ago

Looks like there is a bit of a CSS mismatch when you enable both embedding and the crosspost comment plugins.

Take a look at the two screenshots.

In the comments:

Screenshot 2023 12 21 at 3.52.42 PM

In the forum post:

Screenshot 2023 12 21 at 3.52.59 PM

Seems to be related to this css path.

#wpforo #wpforo-wrap

which is missing from the blog post section.  

#wpforo #wpforo-wrap .wpf-oembed-wrap .wpf-oembed-description {
    font-style: italic;
    color: #999999;
    font-size: 12px;
}

 

Any quick fix that I can implement? 

2 Replies
Posts: 4214
 Tom
Admin
(@tomson)
Famed Member
Joined: 10 years ago

Hi @devlib,

They cannot look the same. wpForo content formatting is totally different than the posts. The addon is designed to cross-post content to wpForo, it doesn't responsive for keeping the same style. wpForo has its CSS code and it forces its own style.

Posts: 2
Topic starter
(@devlib)
New Member
Joined: 1 year ago

In this case, our fix if anyone is looking for something similar was to add the classes without the ID selectors into the embed.css 

Improves the layout a bit ... 

e.g.

#wpforo #wpforo-wrap .wpf-oembed-wrap .wpf-oembed-body .wpf-oembed-domain .wpf-oembed-favicon, 
.wpf-oembed-wrap .wpf-oembed-body .wpf-oembed-domain .wpf-oembed-favicon {
    display: inline-block;
    margin: 0 5px -2px 0;
    padding: 0;
    border: none;
    height: 15px;
}

 

Screenshot 2023 12 23 at 8.52.08 AM

 

Share:
Scroll to top