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 Button Alignment on Fullwidth Header Slider

Discussion in 'Free Divi Community Forum' started by Bec Bennett, Aug 19, 2020.

  1. Bec Bennett

    Bec Bennett New Member

    Website: https://suburbanprojects.com.au/

    I'd like the MORE button on this fullwidth header slider to sit next to the heading, not below it.

    The heading on some slides is left aligned, some right aligned, but I'd like the button to sit on the right of the header in each instance.

    I've searched for a tutorial or some CSS, but had no luck.

    TIA
     
    #1 Bec Bennett, Aug 19, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #2 Divi.Help, Aug 21, 2020
  3. Bec Bennett

    Bec Bennett New Member

    Thanks for this, it works a treat on left aligned headers. I have a few right aligned headers in that slider and it doesn't work so well. Any suggestions for the right aligned header title and button?
     
    #3 Bec Bennett, Sep 1, 2020
    1. PRO MEMBER PERKS Divi Powerful Child Theme - Power up your Divi sites with tons of new functionalities & premade elements:Learn More
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    #4 Divi.Help, Sep 4, 2020
  5. Bec Bennett

    Bec Bennett New Member

    Awesome, thanks.
     
    #5 Bec Bennett, Sep 7, 2020
    1. PRO MEMBER PERKS Divi Block Pro - Premade content toggle design for your Divi site without using any plugins:View Demo
  6. Bec Bennett

    Bec Bennett New Member

    This is working well on both sides now, except the button looks out of alignment: https://suburbanprojects.com.au/
    I've tried adding margin to the button, but it just moves the whole thing up.
    Do you have any suggestions for getting the button to sit vertically centred to the heading text?
     
    #6 Bec Bennett, Sep 14, 2020
  7. Divi.Help

    Divi.Help Administrator
    Staff Member

    You may try the below CSS to move the button higher:
    Code:
    Log In or Sign Up to view this code.
     
    #7 Divi.Help, Sep 16, 2020
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom footer designs for you to choose from:View Demo
  8. Bec Bennett

    Bec Bennett New Member

    Amazing! Thank you. This slider is looking great.
     
    #8 Bec Bennett, Sep 16, 2020
(You must log in or sign up to post here.)