Navigation
Archive / 6 Columns – Aligning all elements vertically & horizontally center
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • May 25, 2016 at 1:40 pm #1009599
    leverpunch
    Participant

    Hi,

    I am creating a 6-column row with the following elements

    Icon – Text – Icon – Text – Icon – Text (see attached screenshot).

    How can I align all the elements vertically & horizontally center – “Body Text” too although it is left aligned as a text element.

    Please advise.

    Thanks!
    Alvin

    May 25, 2016 at 1:41 pm #1009601
    leverpunch
    Participant
    This reply has been marked as private.
    May 25, 2016 at 5:46 pm #1009907
    Jade
    Moderator

    Hi Alvin,

    Is there a reason why you added an inline CSS to set the text to be aligned left when you want it centered? Because the easy way to center the text contents would be adding a text-align: center inline style to the elements.

    May 25, 2016 at 9:00 pm #1010257
    leverpunch
    Participant

    Hi Jade,

    I think my previous developer messed it up.

    I can remove the left alignment. How should I proceed to ensure everything is aligned centrally? By simply adding “text-align: center;” to all the elements? Do I have to adjust the settings of the row or columns?

    Please advise.
    Alvin

    May 25, 2016 at 10:52 pm #1010399
    Darshana
    Moderator

    Hi there,

    You can remove inline CSS and then add the class center-text into your Columns or elements.

    Hope that helps.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1009599 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>