How do I vertically center content in a column

Home › Forums › Jevelin Theme › How do I vertically center content in a column

Home › Forums › Jevelin Theme › How do I vertically center content in a column

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    RESOLVED Posts

  • jakeusu
    Participant

    I have 2 headlines and one paragraph text in a 1/2 column. This content is vertically aligned to the top of the page, but I would like the content to be centered vertically, so that it aligns with the image in the other 1/2 column. Please let me know how I would use a custom CSS class to achieve this.

     

    Link: http://quickpointdigital.com/

     

     

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Hi @jakeusu,

     

    I hope you are well today and thank you for your question.

     

    I visited your shared site and the content is displaying vertically aligned as shown in the attached screenshot.

     

    Have you managed to achieve this?

     

    Best regards,
    Shufflehound team

    Attachments:
    You must be logged in to view attached files.

    jakeusu
    Participant

    I just used padding on the top to achieve this, but I would rather “center” it vertically using code. Can you please tell me how I use custom CSS to do this?

     

    Shufflehound Support
    Moderator

    Solution for this topic

    To align it please remove the applied padding and then use the following custom CSS code.

     

    .sh-section-6b60dc9e2043efe53db6b9bfc8f9a97c .fw-row {
    display:flex;
    align-items: center; /* Vertical center alignment */
    justify-content: center; /* Horizontal center alignment */
}

    jakeusu
    Participant

    Ok great. Thanks!

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)