با سلام و احترام
داخل سایتم 2 تا اسلایدر دارم
بالا اسلایدر عکس
پایین اسلایدر متن
گویا استایل هر 2 تا اسلایدر ها از یک کد جاوا دستور میگیرن
یعنی میخوام یه border قرمز رنگ فقط به اسلایدر عکس بدم
اما اسلایدر متن هم اون رو اجرا میکنه
اگه میشه لطف کنید و این کد زیر رو برام ویرایش کنید طوری که border قرمز رنگ فقط برای اسلادر عکس اجرا بشه
و اسلایدر متن فاقد border باشه
میدونم که از کد سی اس اس .owl-stage-outer.bd {border: solid 0.4rem #ff0000;} موجود در پوشه lib/owlcarousel/assets/owl.carousel.min.css
و همچنین از کد جاوا stageOuterClass:"owl-stage-outer bd", موجود در پوشه lib/owlcarousel/owl.carousel.min.js دستور می گیره
ممنون میشم اگه کسی بتونه کمکم کنه
آماتورم 🙂
اصلا شما نیازی به دانش جاوا اسکریپت ندارید. کدها رو دیدم . یه اسلایدر دارید با کلاس
header-carousel
و یک اسلایدر دارید با کلاس :
testimonial-carousel
بردر هم به کلاس زیر داده شده :
.owl-stage-outer.bd
حالا هر کدوم که می خواید بردر نداشته باشه به این کلاسش border:none بدید بردرش حذف میشه . مثلا می تونید این کد رو استفاده کنید :
.testimonial-carousel .owl-stage-outer.bd {
border: none !important;
}
.owl-stage-outer.bd {
border: 3px solid red;
}
کافیه کد بالا رو بزارید انتهای فایل style.css
البته بهتره داخل کدهای سی اس اس بگرید اگر به این کلاس بردر داده شده اون رو حذف کنید اینطوری اصولی تره
کدهای پیشفرض و اصلی owlcarousel رو نباید دستکاری کنید . هر اسلایدر آی دی مخصوص خودش رو داره . حالا شما دوتا راه دارید یا از طریق گزینهه های تنظیماتی خود owlcarousel اسلایدر رو شخصی سازی کنید و یا اینکه آی دی اون اسلایدر مد نظرتون رو از طریق اینسپکت در بیارید و برای همون آی دی ، سی اس اس دلخواهتون رو بنویسید
سلام و تشکر
من اچ تی ام ال و سی اس اس رو بلدم اما جاوا خیر
شما می تونید ویرایشش کنید؟
یا اینکه دقیق تر بگین کدوم مد رو باید از کدوم فایل حذف کنم
🙏
بستگی به کدهای سایتتون داره . خیلی راحت از اسلایدر یک اینسپکت بگیرید و آی دی اسلایدر رو پیدا کنید بعد به اون آیدی استایل های مد نظرتون رو بدید. یک چیز ثابت نیست که بشه اینجا نوشت و کار کنه
ممنون از شما
قبل تر هم گفتم با کدهای جاوا آشنایی ندارم
اگه میشه یه لطفی بکنید فایل پیوست شده در سوالم رو دانلود کنید و نگاهی بهش بندازید
و لطف بزرگتر کنید و بگید کدوم کد رو بای حذف کنم که درست بشه
چون میخوام اسلایدر عکس اون border قرمز رنگ رو داشته باشه ولی اسلایدر متن اون رو نداشته باشه
چون هر دوشون از یک کد جاوا دستور میگیرن با حذف یا ویرایش یکی شون و اون یکی دیگه هم ویرایش یا حذف میشه
🙏
اصلا شما نیازی به دانش جاوا اسکریپت ندارید. کدها رو دیدم . یه اسلایدر دارید با کلاس
header-carousel
و یک اسلایدر دارید با کلاس :
testimonial-carousel
بردر هم به کلاس زیر داده شده :
.owl-stage-outer.bd
حالا هر کدوم که می خواید بردر نداشته باشه به این کلاسش border:none بدید بردرش حذف میشه . مثلا می تونید این کد رو استفاده کنید :
.testimonial-carousel .owl-stage-outer.bd {
border: none !important;
}
.owl-stage-outer.bd {
border: 3px solid red;
}
کافیه کد بالا رو بزارید انتهای فایل style.css
البته بهتره داخل کدهای سی اس اس بگرید اگر به این کلاس بردر داده شده اون رو حذف کنید اینطوری اصولی تره
سلام
بسیار عالی و سپاس فراوان
هر 2 سوال بنده رو شما جواب دادید و من به نتیجه ای که میخواستم رسیدم
بسیار متشکرم
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟