Add columns

[Evadex]

Hi

[Leo]

Hi there,

What’s the question? 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Evadex]

Hi,
I would like to put 2 icons (pictures) in the center of a post, unfortunatly one is always above the other. I don’t understand why because the post is in full width, without sidebar, but I can’t align the 2 icons (very small) and the editor go to an other line before to be on the right post (I hope you’ll understand me).
To put the 2 aligned icons on the center, I think to use 2 columns is may be a good way, I’ve ever search in the forum (problem with woocommer columns, install plugin, modify php code…) but I don’t find a real solution.
Thank you for your help !

[Leo]

If I understand you correctly you should be able to achieve that without adding columns.

Are you adding FontAwesome icons or static images with <img>?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Evadex]

Thank you for your answer.
I just add 2 pictures (jpg) by Media editor

[Leo]

Hmm that should work unless the combine width of the 2 pictures are larger than the container width.

Can you link me to the page?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Evadex]

Icons are very small, the width of body is may be limited but I’m in full width, without sider bar…
the link :http://evadex.fr/

[Leo]

You have the second image set to align center.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Evadex]

I selected and I want 2 pictures in the center (below), if it’s not possible, the idea it’s to put 2 columns.?.

[Leo]

Try copy and paste this exactly into the text editor:
<div style="text-align: center"><img class="wp-image-212 size-thumbnail alignnone" src="http://evadex.fr/wp-content/uploads/2017/06/Informations-Evadex-150x150.png" alt="" width="150" height="150"><img class="wp-image-211 size-thumbnail alignnone" src="http://evadex.fr/wp-content/uploads/2017/06/Destinations-Evadex-150x150.png" alt="" width="150" height="150"></span>

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Evadex]

It’s near to be perfect.
Below the post, and a space between the 2 icons and it’s perfect.
Thank you very much !

[Evadex]

Of course, If you’ve got a code for a space between icons (playing with magin per exemple) and a code for text-align: “below-center” I would be very thankful.
But I’m already thankful for your help

[Evadex]

I forget, an important thing, I would like to link the 2 icons with 2 posts, I known how to do when I used Media editor to ask the 2 icons but with the code solution I don’t know.
I hope other users are not like me, thank you for your patience

[Leo]

Ok sorry in this case using Tom’s Lightweight Grid Columns might be easier: https://en-ca.wordpress.org/plugins/lightweight-grid-columns/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Evadex]

It’s ok for the space between icons, it’s ok for the link but I can’t put the icons below the post. If you’ve got a solution, thank you in advance

[Author]

Posts