Navigation
Archive / vertical text alignment
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 30, 2016 at 9:19 pm #1154425
    gobeyondesign
    Participant

    tsi4usa.com

    I would like to vertically align my text on the content band. I have a set height of 550px and am using inline css and I tried using a css style and applying that to my content band and nothing works. Im going to have multiple content bands that will need this. Please help

    float:none;
    display:inline-block;
    vertical-align:middle;

    August 30, 2016 at 11:34 pm #1154547
    Rahul
    Moderator

    Hey There,

    Please add at Appereance > Customizer > Custom > CSS

    .page-template-template-blank-4-php .x-content-band.vc {
	display: flex;
	align-items: center;
	padding: 0 !important;
	justify-content: center;
}

    Hope this makes sense!

    August 31, 2016 at 3:20 pm #1155654
    gobeyondesign
    Participant

    It did not work. 🙁 I have multiple pages with text that I need to vertically align the text.

    August 31, 2016 at 3:43 pm #1155689
    Joao
    Moderator

    Hi There

    I usually use a gap element above the text to do that, I prefer to set the gap size with % instead of px because it responds much better on mobile.

    Let us know your toughts,

    Thanks

    Joao

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