Navigation
Archive / How do I vertically align content in a Content Band?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 10, 2016 at 12:59 pm #875387
    DC-FatheringCoalition
    Participant

    Hi,
    I am using the latest version of x-theme and I would like to vertically align some content in a content band column. I have tried CSS but it does not seem to work. Below is the site I am working on. Any help would be great.

    http://www.thefatheringcoalition.com

    Thanks

    April 11, 2016 at 12:34 am #875926
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! By default, the contents of the columns is align at the top. To align it at the middle, you must need to insert an inline css vertical-align: middle; in the column settings that you want to have the contents position at the middle center of the column.

    If you want to use a css, you can make use of this code:

    .x-content-band.marginless-columns .x-container .x-column {
  vertical-align: middle;
}

    This css code will only work out if you enable the marginless column option in your content band.
    Please let us know how it goes.

    April 18, 2016 at 11:13 pm #889235
    DC-FatheringCoalition
    Participant

    Worked perfectly.

    Thank you for the help.

    April 19, 2016 at 6:22 am #889818
    Christopher
    Moderator

    You’re welcome.

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