Activity
Recent Blogs
- Featured
  
  How To Keep Text Static In Your Divi Sliders
  
  Aug 7, 2022 | Recent, Tutorial |
- Featured
  
  Add Tags to Divi Blog Images Based on Category
  
  Mar 10, 2022 | Recent, Tutorial |
- Featured
  
  How to Increase the Scrollbar Width in Divi Module Settings
  
  Feb 5, 2022 | Recent, Tutorial |
Support DiviCom

Aligning buttons

Tagged: align, button, column

This topic has 10 replies, 6 voices, and was last updated 1 year, 8 months ago by Faye Daway.

Viewing 4 reply threads

- 14 September 2021 at 11:21 pm #1133
  Ann Chovey
  Participant
  @ann
  Up
  0
  Down
  ::
  Hello. I’ve found code here for aligning the bottom border on a pricing table, but not finding any code to align the buttons. Any ideas?
  
  [original FB link]
  - This topic was modified 1 year, 8 months ago by Faye Daway.
  - This topic was modified 1 year, 8 months ago by Terry Hale.
  Attachments:
- 14 September 2021 at 11:22 pm #1135
  Lynne Guistic
  Participant
  @lynne
  Up
  0
  Down
  ::
  Check out this: https://www.elegantthemes.com/blog/divi-resources/how-to-vertically-align-content-in-divi
  - 14 September 2021 at 11:24 pm #1136
    Ann Chovey
    Participant
    
    @ann
    Up
    0
    Down
    ::
    Hmmm… lots of options for sure, but not sure what part of that article would help with aligning the buttons.
  - 14 September 2021 at 11:24 pm #1137
    Lynne Guistic
    Participant
    
    @lynne
    Up
    0
    Down
    ::
    try this:
    {
    margin-top:auto;
    margin-bottom:auto;
    }
    - 14 September 2021 at 11:25 pm #1138
      Ann Chovey
      Participant
      
      @ann
      
      Up
      0
      Down
      ::
      I will!
    - 14 September 2021 at 11:25 pm #1139
      Lynne Guistic
      Participant
      
      @lynne
      
      Up
      0
      Down
      ::
      make sure you turn on equalize column heights toggle as per the article!
- 14 September 2021 at 11:25 pm #1140
  Hugh N. Cry
  Participant
  @hugh
  Up
  0
  Down
  ::
  Make the container display:flex and then you can use margin-top:auto to the button element. Display flex is automatic if you give the columns equal height
  - 14 September 2021 at 11:26 pm #1141
    Ann Chovey
    Participant
    
    @ann
    Up
    0
    Down
    ::
    Ok, will try. Thank you!
- 14 September 2021 at 11:27 pm #1142
  Dave Allipa
  Participant
  @dave
  Up
  1
  Down
  ::
  Check this out. A good tutorial by Paul Knowler
  - 14 September 2021 at 11:28 pm #1143
    Dee Zynah
    Participant
    
    @dee
    Up
    0
    Down
    ::
    Thanks for sharing this link. This really tidied up my columns and was super easy to follow for a newbie.
- 15 September 2021 at 6:18 am #1180
  Faye Daway
  Participant
  @faye
  Up
  0
  Down
  ::
  @dee hello!

Viewing 4 reply threads

You must be logged in to reply to this topic.

Search Rooms

Group Activities

Viewing 1 - 5 of 5 items

Tim Yal replied to the topic Fullscreen Vimeo background? in the forum [Public Group] Divi Community 1 week, 4 days ago

When I add the code you mentioned, this is (attached file) what happens. Here is the link; Test 2 I don’t think min-height and min-width are good for responsiveness. Any…
Tim Yal joined the group Divi Community 1 week, 4 days ago
Terry Hale replied to the topic Fullscreen Vimeo background? in the forum [Public Group] Divi Community 1 week, 4 days ago

Hi Tim, Did you try using the CSS like in your first example link? #video_pag iframe { width: 100vw; height: 52.73vw; min-height: 100vh; min-width: 189.63vh; position: absolute; top: 50%; left:…
Heléne joined the group Divi Community 2 months, 3 weeks ago
Terry Hale replied to the topic Theme effect in the forum [Public Group] Divi Community 4 months, 3 weeks ago

Hey, @biggi It looks like there are several great things going on with that hotel site. Can you be more specific about which feature you would like to emulate?

Rooms