Any 3rd party tool/editor to generate code to center images/videos

meetdilip

Ok. I got everything set and need to take the forum rolling. But I am still at bay as most of my uses include posting images and videos which need to be center aligned. Can I use some other tools which like Libre Office or some HTML editor and find any ways to center my image/ video. My whole setting up server, installing NodeBB, learning and setting up the forum will be wasted if I cannot find a solution :sad:

frissdiegurke

For images you could create your own convention:
For examle you could center all images with alt-tag beginning with _ by adding the following to custom css:

.img-responsive[alt^="_"] {
  margin: auto;
}

Now evey image included like ![_Mine](http://i.imgur.com/z9DWzht.gif) should be centered.

EDIT: For videos you may choose to center all of them, just add margin: auto; into the code I gave you here

psychobunny

That's a very cool tip @frissdiegurke, I never thought of that before.. genius

meetdilip

@frissdiegurke said:

![_Mine]

Working Great. Thanks a lot. :grateful:

julian

@frissdiegurke That's a pretty neat hack! Awesome

meetdilip

To be honest. I am really impressed with the help I get from community. Without you guys, I would not have been able to use such a good script. Just want to say Thanks all.

frissdiegurke

@meetdilip said:

To be honest. I am really impressed with the help I get from community. Without you guys, I would not have been able to use such a good script. Just want to say Thanks all.

I think I can say you're welcome from all of us

@psychobunny @meetdilip @julian I appreciate your kind words

Cygnus

only works on the preview

PitaJ

@Cygnus what about it doesn't work?

Cygnus

@PitaJ

alt text

Preview fine, but it does not work when publishing

PitaJ

@Cygnus I've fixed it. Here's the updated CSS:

.img-responsive[alt^="_"], .topic .posts .content .img-responsive[alt^="_"] {
  margin: auto;
  display: block;
}

Cygnus

@PitaJ thats what im talking about, I´ll buy you a beer

Solved!