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 Align text to center responsive & Changing text on hover

Discussion in 'Free Divi Community Forum' started by Maecy, Aug 7, 2019.

  1. Maecy

    Maecy Member

    1. I have a regular section with a text module. I set the background in the section and set the height to 98vh to make it full screen. How can I set my text at the dead center of the section?

    2. Is it possible to change the text of a text module on hover? I basically have a text module and I assign an image background to it. What I want is on hover, the image will disappear and the another set of text will be displayed.
     
    #1 Maecy, Aug 7, 2019
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom footer designs for you to choose from:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    You can try to add the height 98vh to the row. Then go to your Text module settings > Advanced > Custom CSS & add the below:
    Code:
    Log In or Sign Up to view this code.
    Perhaps you might want to look at flipcard design: https://www.elegantthemes.com/blog/...ards-with-any-module-in-divi-without-a-plugin
     
    #2 Divi.Help, Aug 8, 2019
  3. Maecy

    Maecy Member

    It's working but when I try to view it on my mobile(portrait&landscape) the text remains on top.

    I will take a look at this. Thank you for the reference.
     
    #3 Maecy, Aug 8, 2019
    1. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Kindly share your URL.
     
    #4 Divi.Help, Aug 8, 2019
  5. Maecy

    Maecy Member

    #5 Maecy, Aug 8, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try to go to the Row settings > Column Settings > Advanced > Custom CSS > Main Element & add:
    Code:
    Log In or Sign Up to view this code.
     
    #6 Divi.Help, Aug 8, 2019
  7. Maecy

    Maecy Member

    Thank you so much! I have also tried the flip card design, it works perfectly.
     
    #7 Maecy, Aug 8, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade mega menu design for your Divi site without using any plugins:View Demo
(You must log in or sign up to post here.)