Navigation
Archive / How to centre image and column
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 17, 2016 at 10:10 am #1135288
    yhshin1020
    Participant

    Hey,

    More details are below.

    Thanks in advance.

    August 17, 2016 at 10:17 am #1135303
    yhshin1020
    Participant
    This reply has been marked as private.
    August 17, 2016 at 10:18 am #1135308
    yhshin1020
    Participant
    This reply has been marked as private.
    August 17, 2016 at 10:18 am #1135309
    yhshin1020
    Participant
    This reply has been marked as private.
    August 17, 2016 at 10:19 am #1135314
    yhshin1020
    Participant
    This reply has been marked as private.
    August 17, 2016 at 11:40 am #1135414
    Darshana
    Moderator

    Hi there,

    Thanks for writing in! You can assign the class “center-text” into those Columns.

    Hope that helps.

    August 18, 2016 at 2:14 am #1136394
    yhshin1020
    Participant
    This reply has been marked as private.
    August 18, 2016 at 4:26 am #1136507
    Paul R
    Moderator

    Hi,

    Please add center-text in the class field of your columns then add left-text class to your text.

    eg.

    
<p id="aboutushead" class="left-text">Guide Dogs</p>

    To prevent it from overlapping, kindly disable marginless columns to the row where your columns resides

    Hope that helps.

    August 18, 2016 at 5:33 am #1136575
    yhshin1020
    Participant
    This reply has been marked as private.
    August 18, 2016 at 5:34 am #1136578
    yhshin1020
    Participant
    This reply has been marked as private.
    August 18, 2016 at 7:02 am #1136667
    Lely
    Moderator

    Hi There,

    Please ad max width on to your text. Like this:
    <p id="aboutushead" class="left-text" style="max-width:400px;">Guide Dogs</p>

    Hope this helps.

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