باسلام. در قسمت سایدبار تعداد زیادی ابزارک ایجاد کردم که بعدا هم تعدادی بهشون اضافه میشه. بهتره که با یک خط از هم جداشون کنم که محتویات هرکدوم اختصاصا با عنوانش مربوط باشه. مشکل اینه که با inspect element سایدبار رو بررسی کردم و به قسمتی رسیدم که دقیقا جای قرار گرفتن خط بود از همینجا یک استایل border-top برای کلاس sidebar .widget. ایجاد کردم و خط بخوبی ایجاد شد. ولی برای نهایی کردن این کار وقتی همین کد رو داخل کدهای custom css قالب قرار میدم عمل نمیکنه. کد این هست که فقط آخرین خط رو خودم اضافه کردم.
.sidebar .widget{
margin-bottom: 45px;
position: relative;
border-top: 2px solid !important;
}
از قسمت inspect سایدبار سایت مطابق تصویر زیر شد و خط دقیقا همونجایی که خواستم قرار گرفت. کلاسهای مختلف رو بررسی کردم ولی متاسفانه از custom css همین تغییرات ایجاد نمیشه. لطفا راهنمایی کنید امکانش هست این کار انجام بشه! ممنون میشم از سایت بررسی کنید. باتشکر.
http://moshaveraneh.ir