Notifications
Clear all

[Solved] Disappointing Results

8 Posts
2 Users
0 Likes
911 Views
radiostv
Posts: 99
Customer
Topic starter
(@radiostv)
Member
Joined: 6 years ago

I just purchased the blog cross posting plugin and to be honest, its good but equally very disappointing. 

Why?

Well just take a look, images that are in the blog article are presented in the correct aspect ratio. However, they appear squished when the cross topic is on the forum, it looks just awful. I can't live with that! I might as well remove the add-on and accept I just wasted $25.

Why cannot the image appear be presented correctly or when presented on the forum the images are thumbnails, surely I can't be the first to find this unacceptable.

Blog post

https://www.radios-tv.co.uk/vintage-electronics-blog-forum/der-engineer-training-bonus/

Corresponding forum cross-blog topic

https://www.radios-tv.co.uk/community/general-tech-discussion/der-engineer-training-bonus/

7 Replies
Astghik
Posts: 5911
Admin
(@astgh)
Illustrious Member
Joined: 6 years ago

Hi@radiostv,

Well just take a look, images that are in the blog article are presented in the correct aspect ratio. However, they appear squished when the cross topic is on the forum, it looks just awful. 

this is just a small CSS conflict with the theme or active plugins. You can solve it by using this CSS code:

#wpforo-wrap .wpforo-post .wpforo-post-content img, #wpforo-wrap .wpforo-revision-body img {
max-height: none;
}

The CSS codes should be added in the "Custom CSS code" textarea, located in the Dashboard > Forums > Settings > Style Tab.  

Please don't forget to delete all caches and press Ctrl+F5 (twice) on the frontend before checking to reload the updated CSS file. 

Why cannot the image appear be presented correctly or when presented on the forum the images are thumbnails, surely I can't be the first to find this unacceptable.

Use this code. Put the code in the active theme functions.php file. 

add_filter('wpforo_content', function ($content) {	
$content = preg_replace('/(<a href=[\'\"]+[^\'\"]+[\'\"]+[^>]*)(>[\r\n\t\s]*<img[^>]+>)/is', '$1 data-gallery="#wpf-content-blueimp-gallery"$2', $content);
return $content;
});

  

Reply
1 Reply
radiostv
Customer
(@radiostv)
Joined: 6 years ago

Member
Posts: 99

@astghik That's fantastic, thanks

Reply
radiostv
Posts: 99
Customer
Topic starter
(@radiostv)
Member
Joined: 6 years ago

Hi although that css code appeared to work, it only works for logged in users. When logged out, the image still appears stretched. Log back in again and it looks correct. How can this be? Surely the css is global for the forum regardless of logged in or out status..

Logged in

loggedin

Logged out

loggedout
Reply
4 Replies
Astghik
Admin
(@astgh)
Joined: 6 years ago

Illustrious Member
Posts: 5911

@radiostv,

could you please try this one: 

#wpforo-wrap .wpforo-post .wpforo-post-content img, #wpforo-wrap .wpforo-revision-body img {
max-height: none !important;
}
Reply
radiostv
Customer
(@radiostv)
Joined: 6 years ago

Member
Posts: 99

@astghik

Applied the new css, cleared forum cache and local cache, still no change. OK when logged in, not OK when logged out as shown above. 

Live link below for evidence

https://www.radios-tv.co.uk/community/general-tech-discussion/der-engineer-training-bonus/#post-101577

Reply
Astghik
Admin
(@astgh)
Joined: 6 years ago

Illustrious Member
Posts: 5911

 @radiostv,

There should not be such an issue. Could you please send us the admin login details? 

Reply
radiostv
Customer
(@radiostv)
Joined: 6 years ago

Member
Posts: 99

@astghik Hi once you stated that, I looked deeper and suspected it must be another cache other than the forum or local. I them remembered I run FVM, cleared that plugins cache and its now ok when logged out.

Sorry for the final false positive.

Reply
Share:
Scroll to top