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)

Popular choice

Professional Developers At Your Fingertips!

If you need services beyond standard support, we've got your back!

Services we offer:

Demo setup
Advanced customization
Layout adjustment
Graphic work / visualizations
Custom coding
Full WordPress development and design

Services

What we can offer

  • Demo setup +

    If you'd prefer not to handle the installation yourself or need help getting started, we'll set everything up for you.

  • Layout adjustment +

    We'll help you rearrange sections, adjust spacing, and modify the page structure to fit your needs.

  • Advanced customization +

    More complex styling changes, theme option modifications, and third-party integrations.

  • Custom coding +

    If you need something that's not included in the theme, we can code it for you.

  • Graphic work / visualizations +

    Web design services to create custom sections, pages, and blocks for your theme, plus graphics and visualizations.

  • Full WordPress development and design +

    Full website builds, custom theme development, or plugin creation from scratch.

  • About pricing +

    We'll provide a clear quote based on what you need. No hidden fees.

Professional Developers At Your Fingertips!

Custom Work Form