Search
Close
AI Search
Classic Search
 Search Phrase:
 Search Type:
Advanced search options
 Search in Forums:
 Search in date period:

 Sort Search Results by:

AI Assistant
Notifications
Clear all

[Solved] Embed & Cross Post Comments Styling

3 Posts
2 Users
1 Reactions
1,354 Views
Posts: 2
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@devlib)
New Member
Joined: 2 years ago
[#12349]

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: 4245
 Tom
Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@tomson)
Famed Member
Joined: 11 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
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
(@devlib)
New Member
Joined: 2 years 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