1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Center text vertically

Discussion in 'Free Divi Community Forum' started by Baby Studio, Apr 7, 2019.

  1. Baby Studio

    Baby Studio 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!!
     

    Attached Files:

    #1 Baby Studio, Apr 7, 2019
    1. PRO MEMBER PERKS Divi Ultimate Child Theme - Tons of premade layouts & section designs + functionalities for your Divi site:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    #2 Divi.Help, Apr 7, 2019
  3. Baby Studio

    Baby Studio Member

    Oh, it works perfect!!!
    Many thanks!!
    Regards!
     
    #3 Baby Studio, Apr 8, 2019
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Beautify your Divi archive / category page with 15 different premade blog designs:Learn More
  4. Rodion

    Rodion New Member

    Thanks, for advice. I use its code in blurb module for vertical align text content, but i use in px and paste it in BLURB SETTINGS -> Advanced -> Custom CSS -> Blurb Title

    Code:
    Log In or Sign Up to view this code.
    For resize image i use code in Blurb Image

    Code:
    Log In or Sign Up to view this code.
    maybe it useful for somebody

    upload_2020-2-13_17-54-9.png
     
    #4 Rodion, Feb 13, 2020
(You must log in or sign up to post here.)