Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Column with text aligned vertically in the center

Text aligned vertically
    • 7 years, 1 month ago brnEnvato
      Participant

      Expired

      https://www.palestradellascrittura.it:8181/

      I use row full width, two columns: in one column a video that occupies the whole column, in the other column a block of text that I can not center vertically.

      ROW SETTINGS full height
      Equal Heigt = YES
      Padding Top and Bottom = 0

      COLUMN SETTINGS (where text inside)
      Centered Content Vertical = YES
      in DESIGN OPTIONS I use 40px padding

      TEXT BLOCK with text and default settings
      I would like a result like this

      [caption id="" align="alignnone" width="1920"]text-aligned-vertically.jpg text-aligned-vertically.jpg[/caption]

      right hand full video column, vertically centered text left column.

      Thanks a lot and best regards. Bruno

      • This topic was modified 7 years, 1 month ago by brnEnvato. Reason: This post is open, not solved: why is it marked as resolved?
    • 7 years, 1 month ago Mirela
      Participant

      Hello,

      I removed the padding in the Column options. I set margin instead and i added this css in the page’s custom css:

      .vc_col-sm-6.wpb_column.column_container.with_padding {
          width: 45% !important;
      }
      .wpb_column.centered_vertical .wpb_wrapper {
          top: 72% !important;
      }

      Please check your site and let us know.

      Best regards!

    • 7 years, 1 month ago brnEnvato
      Participant

      Expired

      Excuse me Mihaila, the column must occupy half the total width, in your proposal the column with the text is more than half, it’s not good, I’m sorry

      https://www.palestradellascrittura.it:8181/index-codeless/

      Looking in the forum I did not find the solution, but someone has succeeded, look how it should be

      https://palolohome.org/wp/pch_ourleadership/

      like in OUR HISTORY, it’s perfect! How to do this? In the post I did not find the answer. Thanks a lot

    • 7 years, 1 month ago Mirela
      Participant

      Hello,

      I added padding from the column options. I removed the custom css. Please check your site. Is it ok now?
      Let me know.

      Best regards!

    • 7 years, 1 month ago brnEnvato
      Participant

      Expired

      Hello Mihala, this is good!!! Thanks a lot and best regards

Viewing 4 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password