הוספת כיתוב אלכסוני על משבצת TB (Trailer Box)

כדי להוסיף כיתוב אלכסוני, למשל "בשיווק" או "מבצע" על משבצת TB (משבצת Trailer Box) – או כל קופסה אחרת, ניתן לבצע בשלבים הבאים:

1. יש לוודא שהקופסאות מחולקות ל-4 ראפים (wraps) שונים – כי המימוש הוא באמצעות אלמנט נוסף שנרצה שיישאר במשבצת שלו
2. יש להוסיף Class של diagwrap לכל אחד מהם, להתאמות CSS בהמשך
3. יש להוסיף Column Text מתחת לקופסא הרלוונטית, בתוך ה-wrap הרלוונטי, עם הקוד הבא:

   <div class="diag"><p>בשיווק</p></div>

4. לסגנן באמצעות CSS:

   .diag {
     position:absolute;
     z-index:99;
     background-color:#7bc144;
     font-weight:bold;
     color:#fff !important;
     left:-40px;
     top:30px;
     height:25px !important;
     transform: rotate(-45deg);
     width:170px !important;
   }
   .diag p {
     line-height:25px;
     padding-right:30px;
     padding-left:30px;
     text-align:center;
   }
   .diagwrap {
     overflow:hidden !important;
     padding-top:5px
   }

לחלופין, ניתן להגדיר את diagwrap ל-Section (אם יש הרבה wrap-ים), ואז להשתמש בקוד CSS הבא:

.diagwrap .wrap {
  overflow:hidden !important;
  padding-top:5px
}