To insert code use <code>...</code>.
How can I align centre a list inside a two column layout?
  • Hi I have created a two column layout and then created a list in each column, the default alignment is left, how can
    i centre the lists so they appear centred in each column ?

    here is the code

    [one_half][list style="list3" color="orange" align="center"]
    <ul>
    <li>Structure banking facilities to meet your needs</li>
    <li>Organise Import and Export finance including stock</li>
    <li>Provide technical banking advice and support</li>
    <li>Keep you up to date on financial developments</li>
    </ul>
    [/list]
    [/one_half]
    [one_half_last][list style="list3" color="orange"]
    <ul>
    <li>Provide access to more than 40 institutions</li>
    <li>Provide tools to mitigate risk</li>
    <li>Publish exclusive banking reviews</li>
    <li>Secure project and development finance</li>
    </ul>
    [/list]
    [/one_half_last]

    Thanks Jay
  • 2 Comments sorted by
  • Hi Jay,

    i think with the shortcode you cannot achieve this because the list icon will stick to the left. The text alone will center.

    however you can add a margin.... pushing the list to the center.....


    [one_half]<div style="margin-left:30px;">[list style="list3" color="orange"]
    <ul>
    <li>Structure banking facilities to meet your needs</li>
    <li>Organise Import and Export finance including stock</li>
    <li>Provide technical banking advice and support</li>
    <li>Keep you up to date on financial developments</li>
    </ul>
    [/list]</div>
    [/one_half]
    [one_half_last][list style="list3" color="orange"]
    <ul>
    <li>Provide access to more than 40 institutions</li>
    <li>Provide tools to mitigate risk</li>
    <li>Publish exclusive banking reviews</li>
    <li>Secure project and development finance</li>
    </ul>
    [/list]
    [/one_half_last]



    Best regards,
    BackuPs
  • works great,

    thanks

    please close
This discussion has been closed.
All Discussions