Full Width Right or Full Width Left Layouts in WordPress

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

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

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

    Thanks Josh. Another great tip.

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

    Great tip, thank you. Would love to see more of these type of tips, especially liked this leveraging just native pro elements; keeps it simple for the more 'hobbyist' users of Pro like myself.

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

      Most welcome, more to come!

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

    Thx fr this Content. I almost work 9 Years in a lot of projects with your theme but with this type of Videos i learn always something I didn't know before. Please more of this content ;)

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

      Love hearing that, Hendrik. More on the way!

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

    Nice solution! I've used this in tons of layouts through different methods, but I'll be trying this on my next build.
    Usually I use a div in a column and the width set to calc((100vw - 1200px) / 2 + 600px) which is the same thing but just an extra DOM element I suppose.
    Keep up the great content Josh!

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

    Wow, we were just trying to figure out the best way to do this a few days ago. Our initial solution used nested grids but this way is so much cleaner. Nice one team!

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

      Fantastic, happy to hear it!

  • @LasstUnsSpielen
    @LasstUnsSpielen 2 วันที่ผ่านมา +1

    For people who just want to copy and paste :) calc((100% - min(88%, 1200px))/2)
    This is also a perfect option to create a section that has a 50:50 background colour. You just apply the background colour to the columns and use the calc statement as a left and right padding.

    • @yourthemeco
      @yourthemeco  วันที่ผ่านมา

      Hey Donovan! Check out "data-x-slide-goto-keep-active" in this docs article: theme.co/docs/sliders#custom-attributes

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

    Very Nice: now the filter functions with woocommerce

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

      Thanks! Are you asking about a video on filtering in WooCommerce?

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

      100%! And that with Some smart functions of cornerstone, (pro) and build it from scratch! Filtering some products based on tags and price or something. And yes! Im asking! Haha

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

      Will definitely keep in mind. Just recently launched a WooCommerce Tips category for this series: theme.co/blog/woocommerce-tips

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

    🤔 but what if you want to put text over the full width image?
    My method: create a div element in the section (above the row), set position to absolute and height to 100%. Set the with match the column and then put 0 on ether left or right position. Add a background image to the div and it will sit behind the column.
    This vid is very useful though. Thanks!

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

      Our pleasure! Love hearing other people's approach as well. One of the many super powers of Cornerstone is allowing multiple paths to get to a similar outcome.