1. HOT Divi Ultimate Header Plugin - Design Divi custom header globally in Divi Builder: https://header.diviultimate.com/
    Dismiss Notice

Solved Center text vertically

Discussion in 'Get Help On Divi Wordpress' started by Baby Studio, Apr 7, 2019.

  1. Baby Studio

    Baby Studio New Member

    Hi,

    I uploaded two photos of my new page.
    I want to create headers using a image as background. I'm trying it using two options:
    - Using a Text module and in the section putting the image as background
    - Using a Fullwidth Header and the image as background

    In the first option, which is the one I've been testing the most so far, the text appears centered vertically and the image is configured in Background image as 'Cover'. But vertically it cuts a lot of the image. I tried to put a Custom CSS in the section Main Element like this: min-height: 50vw;
    It works ok but the text appears in the top of the image, it doesn't appear centered vertically.

    How can I put it in the center?

    Thanks!!
     
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try this:
    Code:
    min-height: 50vw;
    display: flex;
    align-items: center;
    justify-content: center;
     
  3. Baby Studio

    Baby Studio New Member

    Oh, it works perfect!!!
    Many thanks!!
    Regards!