Activity
Recent Blogs
- 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 |
- Featured
  
  7 Effective Ways to Fix Divi Menu Icon Problems
  
  Feb 5, 2022 | Recent, Tutorial |
Support DiviCom

Aligning buttons

Tagged: align, button, column

This topic has 10 replies, 6 voices, and was last updated 8 months, 1 week 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 8 months, 1 week ago by Faye Daway.
  - This topic was modified 8 months, 1 week 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

D. Charles Caynes started the topic Woops [can’t edit] in the forum [Public Group] Divi Community 1 week, 4 days ago

Rather I meant I was an “Elegant themes fanboy” back in the day, literally before Elementor even existed! 😀
D. Charles Caynes joined the group Divi Community 1 week, 4 days ago
Nathan B WellDigger posted an update in the group Divi Community 1 month, 3 weeks ago

How to Use W3C Validator to Improve SEO
Nathan B WellDigger posted an update in the group Divi Community 1 month, 4 weeks ago

Another in our ongoing SEO series of articles. 13 Best Truly Free SEO Tools
Nathan B WellDigger posted an update in the group Divi Community 2 months, 2 weeks ago

What Is Managed WordPress Hosting?

Rooms