1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, 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 Style 1 - Logo Height - Centre Blurbs?

Discussion in 'Basic Support Forum' started by yessi.uk, Jul 16, 2019.

  1. yessi.uk

    yessi.uk New Member
    Divi Ultimate Header Plugin

    Hello,

    I've been holding off posting a new thread as been wanting to work it out for myself but sadly the time scales have beaten me on this one.

    I am using Style 1, and my end goal is to have a 10px padding to the top and the bottom of the logo, and have the blurbs on the right hand side site centered vertically (like the pictures provided)

    Current Setup:
    upload_2019-7-16_22-50-19.png

    End Goal:
    upload_2019-7-16_22-52-11.png

    The centering the blurb in the center of the section has been the biggest headache for me, not just on this site but other sites i use this plugin on.

    Any help would be appreciated.
     
    #1 yessi.uk, Jul 16, 2019
    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Kindly share your URL.
     
    #2 Divi.Help Pro Support, Jul 16, 2019
  3. yessi.uk

    yessi.uk New Member
    Divi Ultimate Header Plugin

    The sites not live at the moment however I access it via editing my hosts file on Windows.

    5.189.134.55 rlheatplumb.co.uk
     
    #3 yessi.uk, Jul 16, 2019
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add custom vertical navigation for your Divi site. Turns into slide in menu on mobile:Learn More
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    Basically the above CSS will vertically center this part, based on the height of your logo:
    upload_2019-7-17_17-40-52.png
    Perhaps this is due to your logo image module padding. Try to go to the logo image module settings & change a smaller padding top & bottom.

    And lastly, if you wish to make them close to each other like this:

    upload_2019-7-17_17-46-43.png

    I would suggest you make it 2 column row:

    upload_2019-7-17_17-47-19.png

    Then in the first column, add 2 image module in it. And in both Image module settings > Advanced > Custom CSS > Main Element, add float: right!important;
     
    #4 Divi.Help Pro Support, Jul 17, 2019
  5. yessi.uk

    yessi.uk New Member
    Divi Ultimate Header Plugin

    Thanks for your response, this has helped massively.
     
    #5 yessi.uk, Jul 17, 2019
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring modern overlay archive blog layout with hover effects:View Demo
(You must log in or sign up to post here.)