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] Centering Image/Video Embeds

✦ Summarize Topic

wpForo Embeds

Last Post by Astghik 7 years ago

5 Posts

4 Users

1 Reactions

4,203 Views

RSS

Posts: 2

Sean

Customer

Topic starter

Translate ▼

Jan 19, 2017 11:29 am

(@seanb793)

Member

Joined: 9 years ago

[#848]

Hi,

Thanks for the WpForo plugins and its wonderful add-on's as well!

My question pertains to wpForo Embeds in particular; users are mentioning that they can't seem to centre the image/video embeds on their posts. Please see the last post on this thread from our website - https://highereg.com/forums/sam-oz/sam-ozs-main-portfolio-thread/#post-70

As you can see, the video playlist is aligned to the left. Here's the source code of the post --

Hello everyone,I would like to show you a personal project, a tribute to Ghibli's studio.You can follow the thread here : <a title="Tribute to Ghibli" href="https://highereg.com/forums/sam-oz/personal-project-tribute-to-ghibli/" target="true"> https://highereg.com/forums/sam-oz/personal-project-tribute-to-ghibli/</a>I explain a few things about each track. <a title="Tribute to Ghibli" href="https://youtu.be/M7Y6M8poNF0?list=PLtXeYdQkBIfpr75mP2cXxPmWsB_ze_p1u" target="true">

As you can see, using the 'Align Centre' option from the text editor doesn't work -- nor does using HTML tages <center> within the source code. How may we solve this?

Thanks!

Topic Tags

4 Replies

Posts: 4245

Tom

Admin

Translate ▼

Jan 19, 2017 4:54 pm

(@tomson)

Famed Member

Joined: 11 years ago

This kind of embedded objects are not a simple text to align. They are not align-able. You should use extra wrapper divs like explained it here (use {;} source button to inset extra divs, don't insert it in visual editor mode):

https://premium.wpmudev.org/blog/how-to-center-a-video-in-wordpress/

2 Replies

maltrain

Customer

(@maltrain)

Joined: 7 years ago

Member

Posts: 8

Apr 24, 2019 10:19 am

Reply to

Tom

Translate ▼

Posted by: Tom

This kind of embedded objects are not a simple text to align. They are not align-able. You should use extra wrapper divs like explained it here (use {;} source button to inset extra divs, don't insert it in visual editor mode):

https://premium.wpmudev.org/blog/how-to-center-a-video-in-wordpress/

That's a case by case solution... is any way of making the process automatic on every post?

Astghik

Admin

(@astgh)

Joined: 8 years ago

Illustrious Member

Posts: 6645

Apr 24, 2019 1:59 pm

Reply to

maltrain

Translate ▼

Hi @maltrain,

Please try the following CSS code, add it in Dashboard > Forums > Settings > Styles > "Custom CSS code" textarea, save it, delete all caches and check again (press CTRL+F5 on frontend). Please open a new support topic and leave some URL to allow us to check it if the CSS code I've provided doesn't help:

#wpforo-wrap .wpforo-post-content .wpf-video {
   text-align: center;
   margin: 0 auto !important;
}

Posts: 2

Sean

Customer

Topic starter

Translate ▼

Jan 20, 2017 2:46 pm

(@seanb793)

Member

Joined: 9 years ago

Thanks! That works for all standard YT links and images. However, I've found that wrapping entire YT PLAYLIST links with the <div> tags do not seem to work. They remain left-aligned regardless.