text-align: center not working when text is short

[Juan BarraganParticipant]

Hello support; using below code to center text inside the individual image on hover:

.wmle_container .wmle_item .wmle_post_title a {
text-align: center !important;
font-weight: normal !important;
}

Works when the text is long and goes to the second line; see Urban proyects Machangara Park at the top left; please view HERE.

But, when the text is short, it doesn´t center; it aligns to the left like in Retail – Cyrano, the second image top left.

Please provide a working code.

Thanks

[Masonry GuyKeymaster]

Hi Juan,

Can you please send me your site url here ?

Thanks

[Juan BarraganParticipant]

Here http://anagabrielasalvador.com/slider/projects/ Thanks

[Masonry GuyKeymaster]

Hi Juan,

Please use this css and it should fix your issue.

.wmle_container .wmle_item .wmle_post_title{width:100%;padding-left:0px !important;padding-right:0px !important;text-align:center;}

Thanks

[Juan BarraganParticipant]

Hello Masonry Guy;

No. Not working.

Thanks

[Masonry GuyKeymaster]

Hi Juan,

Where did you placed this code ? I don’t see it in the site yet. Can you please use My Custom Css plugin and keep this css there ?

Hope this helps.

Thanks

[Juan BarraganParticipant]

Hello Masonry Guy; It seems I made a mistake not updating the custom css.

Your code is working fine. http://anagabrielasalvador.com/slider/projects/

Sorry.

Thanks for your great help!

[Masonry GuyKeymaster]

Glad it is working for you.

If you have a few mins for us, can you please write us a review for our plugin at https://wordpress.org/support/view/plugin-reviews/wp-masonry-layout?filter=5? This will help us grow and makes easier for others to decide to use the plugin.

Thanks

[Author]

Posts