ردیف‌ها و تنظیمات مشترک همه المان‌ها

عرض و جایگاه

عرض محتوا می‌تواند کانتینر، عریض یا تمام‌عرض باشد. برای بخش‌های فروشگاهی محل نمایش را نیز انتخاب کنید.

پس‌زمینه و گوشه‌ها

رنگ یا تصویر پس‌زمینه، موقعیت تصویر و گردی گوشه‌ها را تعیین کنید.

فاصله‌ها

Padding و Margin دسکتاپ و موبایل مستقل هستند. ابتدا فاصله داخلی را تنظیم کنید و فقط برای فاصله بین بخش‌ها از Margin استفاده کنید.

واکنش‌گرایی

مخفی‌کردن در دسکتاپ یا موبایل را زمانی استفاده کنید که جایگزین مناسب برای همان دستگاه وجود دارد.

شناسه و کلاس

لنگر HTML برای پیوند مستقیم و کلاس CSS سفارشی برای تغییر محدود همان بخش است. از CSS سراسری برای اصلاح یک المان استفاده نکنید.

تنظیمات ردیف

ردیف ظرف اصلی المان‌هاست. نام مدیریتی، تعداد ستون، عرض، فاصله، پس‌زمینه، گردی و نمایش روشن/تاریک را در سطح ردیف تنظیم کنید. اگر چند المان باید یک پس‌زمینه مشترک داشته باشند، رنگ را روی ردیف بگذارید نه تک‌تک المان‌ها.

تنظیمات مشترک هر المان

• عرض بخش: محصور در عرض سایت، عریض یا تمام‌عرض.
• پس‌زمینه و تصویر: رنگ و تصویر همراه با جای تصویر.
• فاصله داخلی و بیرونی: فضای داخل و بیرون المان، جدا برای موبایل.
• گردی: شعاع گوشه ظرف المان.
• نمایش واکنش‌گرا: مخفی‌کردن مستقل در دسکتاپ یا موبایل.
• شناسه HTML: مقصد پیوندی مانند special-offers بدون علامت #.
• کلاس CSS: فقط برای شخصی‌سازی هدفمند و بدون نقطه اول نام کلاس.

جایگاه در برگه فروشگاه

گزینه جایگاه نمایش فقط وقتی این طرح برای برگه فروشگاه انتخاب شده باشد اثر دارد. در برگه‌های معمولی نادیده گرفته می‌شود.

قاعده فاصله‌گذاری

فاصله بین دو بخش را از یک محل کنترل کنید. اگر پایین بخش اول و بالای بخش دوم هر دو فاصله داشته باشند، فضای خالی ناخواسته ایجاد می‌شود.