NEED HELP URGENTLY WITHE CHECKERBOARD DESIGN

On 1/4/2024 at 10:11 PM, Sauceboss770 said:

ya please ill try it out

First, add 6 sections

Edit 6 sections > Add a Block > Choose Code > Paste this line

<div class="checkboard-item"></div>

Next, add this code to Website Tools (under Not Linked) > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $('.code-block .checkboard-item').closest('section.page-section').addClass('checkboard-design');
  $('section.checkboard-design').wrapAll('<section class="checkboard-design-parent"></section>');
});
</script>
<style>
            @media screen and (min-width: 768px) {
                .checkboard {
                    display: flex;
                    flex-wrap: wrap;
                }

                .checkboard section {
                    width: 33.3333% !important;
                }
            }
</style>

if it doesn't work or doesn't work properly, you can share link to page where you apply the code, I can check it again easier