نحوه حذف یا تغییر سایه هدر در قالب Divi

در زیر هدر قالب دیوی Divi یک سایه خواهید دید. گاهی اوقات این عالی به نظر می رسد اما در برخی مواقع نمی خواهید این سایه را داشته باشید. اما در تنظیمات Divi هیچ گزینه ای برای مخفی کردن این سایه وجود ندارد. خوشبختانه حذف یا تغییر سایه بسیار آسان است.

سایه هدر Divi را حذف کنید
در اینجا دو کد CSS ارائه می شود. اولی حذف سایه روی هدر زمانی که در بالای صفحه است و دومی حذف سایه روی هدر ثابت در صورتی که آن گزینه را در گزینه های تم انتخاب کرده اید.

برای قرار دادن این قطعات به Divi > Theme Options > CSS بروید

این کد CSS برای حذف سایه زمانی است که هدر در بالای صفحه است.

#main-header {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.0) !important;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.0) !important;
    box-shadow: 0 1px 0 rgba(0,0,0,.0) !important;
}

و این کد برای حذف سایه برای هدر ثابت است:

#main-header.et-fixed-header {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.0) !important;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.0) !important;
    box-shadow: 0 1px 0 rgba(0,0,0,.0) !important;
}

سایه هدر Divi را تغییر دهید
اگر نمی‌خواهید سایه هدر Divi را حذف کنید، اما می‌خواهید اثر آن را افزایش دهید، می‌توانید از این اسنیپت‌ها استفاده کنید.

این قطعه زمانی که هدر در بالای صفحه باشد.

#main-header {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.3) !important;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.3) !important;
    box-shadow: 0 1px 0 rgba(0,0,0,.3) !important;
}

و این یکی برای هدر ثابت:

#main-header.et-fixed-header {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.3) !important;
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.3) !important;
    box-shadow: 0 1px 0 rgba(0,0,0,.3) !important;
}

می توانید با مقادیر موجود در قطعه بازی کنید تا جلوه متفاوتی ایجاد کنید. خط ۲، ۳ و ۴ نشان دهنده مرورگرهای مختلف است، بنابراین اگر می خواهید تغییراتی ایجاد کنید، باید هر کدام را تنظیم کنید.

انتهای مطلب/