Divi Theme Vertically Align Content In A Row

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ธ.ค. 2024

ความคิดเห็น • 9

  • @System22
    @System22  ปีที่แล้ว +1

    Check out our playlist page for more videos on this: th-cam.com/users/System22Netplaylists
    Sub: th-cam.com/channels/Yeyetu9B2QYrHAjJ5umN1Q.html
    Don't forget to drop any questions below, I will do my best to make a video demo for you!

  • @chukzysmotion
    @chukzysmotion 27 วันที่ผ่านมา +1

    Awesome thank you very much 🤗 do you have any tutorial on how I can close the gaps in between the columns?

    • @System22
      @System22  25 วันที่ผ่านมา +1

      Glad to help @chukzysmotion - Go into your row, over to the design tab, down to sizing. Hit the Use custom gutter width button and slide the slide to the left to reduce the gaps. - Check out our Divi For Beginners playlist for more videos on this: th-cam.com/play/PLqabIl8dx2wpjRyCTKbI2i8CQjNVK73G8.html - Please like, share and subscribe if you have not done so already - Thanks!

  • @terryg4415
    @terryg4415 ปีที่แล้ว +1

    That's great, thank you!

    • @System22
      @System22  ปีที่แล้ว +1

      Glad to help Terry G - Check out our playlist page for more videos on this: th-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!

  • @filmfreaken
    @filmfreaken 2 หลายเดือนก่อน +1

    What if i have the columns matched by color and content aligned by the top, as in your example around min 3:15, but i want to add a button to the bottom of each text, but i want the button to stick to the bottom of the columns.

    • @System22
      @System22  หลายเดือนก่อน +2

      Glad to help @filmfreaken - Use absolute positioning on the buttons. Check out our playlist page for more videos on this: th-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!

  • @PylonDesign
    @PylonDesign ปีที่แล้ว +1

    Thanks for this. When you've aligned all column contents vertically at 4.19s (using flexbox's align-items: centre on the row), how would you visually make the column heights equal, so their coloured backgrounds were all the same height? I can manually fudge it using align-self: centre on each column and then adjust top and bottom padding on each column, but this doesn't allow for future-proofing as you'd have to update the padding when you add/reduce column content.

    • @System22
      @System22  ปีที่แล้ว +1

      Glad to help Pylon Design - Might try going into the Row> Design>Sizing and flip the Equalize Column Heights to on. I havent tried t, but it may be a simple solution for that? Check out our playlist page for more videos on this: th-cam.com/users/System22Netplaylists - Please like, share and subscribe if you have not done so already - Thanks!