Center content in a column

  • Posted in : Photographer
  • lumbowski
    Participant

    Hi,

    I have a four column row with a BUTTON shortcode in each column linking to a different page on the site. I’d like to centre the button in each column, but I just can’t work out how to do that.

    [row]
    [column width="3"][button text="CORPORATE" url="http://www.plainviewmedia.com/portfolio/corporate/"][/column]
    [column width="3"][button text="PURE WHITE" url="http://www.plainviewmedia.com/portfolio/pure-white/"][/column]
    [column width="3"][button text="ARTISTS" url="http://www.plainviewmedia.com/portfolio/artists/"][/column]
    [column width="3"][button text="FASHION" url="http://www.plainviewmedia.com/portfolio/fashion/"][/column]
    [/row]

    Any ideas?

    serkan
    Moderator

    Hi, you can provide me your related url when you go online and we can have a look.
    Thanks

    lumbowski
    Participant

    Hi – here you go. I’d like the boxes centred in the columns. At the moment they’re left aligned.

    http://www.plainviewmedia.com/photography/portraits/

    Thanks!

    serkan
    Moderator

    Hi, you can use this custon css code

    @media screen and (min-width: 768px) {
    .col-sm-3 { text-align: center; } }

    Thanks

    lumbowski
    Participant

    Perfect – thanks very much.

    serkan
    Moderator

    You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register