استایل دادن به نمایش نقطه های اسلایدر ( ناوبری )

برای اینکه نقطه‌های ناوبری (Navigation Dots) اسلایدر المنتور رو از شکل سنتی (دایره‌ای) به شکلی مدرن‌تر مثل خط‌های صاف و باریک (مثل دیجی‌کالا یا خانومی) تبدیل کنی، باید یک استایل سفارشی CSS بهش بدی.
روش پیشنهادی (بدون افزونه):
برو به:

پیشخوان وردپرس > نمایش > سفارشی‌سازی > CSS اضافی

.swiper-pagination-bullet {
width: 30px;
height: 4px;
border-radius: 2px;
background-color: #ccc;
transition: all 0.3s ease;
margin: 0 4px !important;
}

.swiper-pagination-bullet-active {
background-color: #ff0057;
width: 40px;
}

نکته‌های قابل تنظیم:
width: طول خط نقطه.

height: ضخامت خط.

background-color: رنگ معمولی.

swiper-pagination-bullet-active: استایل خط فعال (مثلاً رنگ یا عرض بیشتر).

 

 

  • Email, SSL
  • 20 کاربر این را مفید یافتند
آیا این پاسخ به شما کمک کرد؟

Related Articles

حذف محصولات ناموجود صفحه اصلی

حذف محصولات ناموجود از صفحه اصلی این کد تمامی محصولات ناموجود را از صفحه اصلی سایت شما حذف...

افزودن فیلد جستجو به دسته‌بندی‌های محصول

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

حذف نشان و لوگو وردپرس در پیشخوان کاربری

حذف نشان و لوگو وردپرس در پیشخوان کاربری؛ بسیاری از وب‌سایت‌ها با وردپرس طراحی شده‌اند. حذف...

دکمه مشاهده محصول و لینک شدن به صفحه محصول

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

کد اسکرول برای ناوبری منوها ( برای منو ها در هدر یا مگا منوها )

این کد CSS برای ایجاد یک منوی ناوبری با قابلیت اسکرول عمودی استفاده می‌شود. با اعمال این استایل...