Cards in Elementor: Image Aspect Ratio, Same Height & Button Alignment Fixes

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 ก.ค. 2024
  • 👋 Welcome to today's tutorial where we'll be diving deep into creating visually appealing and uniform cards using Elementor. If you've struggled with maintaining a constant aspect ratio for your images, ensuring all your cards are the same height, and keeping those call-to-action buttons perfectly aligned at the bottom, then you're in the right place! 🎯
    What We'll Cover:
    📐 Maintaining a Constant Aspect Ratio for Images
    📏 Ensuring All Cards Have the Same Height
    🖱️ Aligning Buttons at the Bottom of Your Cards
    Timestamps:
    0:00 - Introduction
    3:00 - Image aspect ratio
    5:00 - Equal height
    6:46 - Button aligned down
    10:04 - Building it from scratch
    ✅ By the end of this tutorial, you'll be a pro at solving these common challenges in Elementor card design, making your website more polished and user-friendly.
    📌 If you find this video helpful, don't forget to like, share, and subscribe for more useful Elementor tutorials. Feel free to leave any questions or suggestions in the comments below.
    ------------------------
    → See Elementor plugin offers and discounts
    trk.elementor.com/jcwebtech
    → Get Crocoblocks plugins
    crocoblock.com/?ref=5599
    → Get reliable Wordpress hosting with Cloudways
    www.cloudways.com/en/?id=785560
    → Speed up your website with WP Rocket:
    shareasale.com/r.cfm?b=107594...
    My portfolio: jcweb.tech
    Instagram: / jcweb.tech
    Facebook: / jcwebtechcz
    ---------------------------------
    Some of the above links are affiliate links, which means that I earn a commission when you make a purchase via my link, however, you do not pay anything extra.

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

  • @astrofolia4515
    @astrofolia4515 9 หลายเดือนก่อน

    thank you so much!!
    I appreciate it😃

  • @umairyousafzai07
    @umairyousafzai07 4 หลายเดือนก่อน

    Thank you Man ❤
    Loved it. Worked in just seconds 🎉 5:39

    • @jcwebtech
      @jcwebtech  3 หลายเดือนก่อน

      Glad to hear that

  • @gamipresscordial5379
    @gamipresscordial5379 4 หลายเดือนก่อน

    You didn't drop all the codes you used. Can You Please drop the codes? Regards.

    • @jcwebtech
      @jcwebtech  4 หลายเดือนก่อน

      Hi, those are very short, simple CSS properties, no actual code. Very easy to type them in with the predictive editor in Elementor.

  • @isbergdesigncom
    @isbergdesigncom 5 หลายเดือนก่อน

    Thanks! That was easy.