> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# تغيير لون سهم عروض البيع الإضافي

> استخدم CSS مخصصًا لضبط لون أسهم التنقل في عارض عروض البيع الإضافي الدوّار.

<div id="overview">
  # نظرة عامة
</div>

افتراضيًا، تكون أسهم العارض الدوّار في قسم عروض البيع الإضافي في Upcart سوداء. إذا كانت خلفية عروض البيع الإضافي لديك داكنة، فقد يصعب رؤية الأسهم. يمكنك إصلاح ذلك بتغيير لون السهم عبر تحديث CSS بسيط.

***

<div id="where-to-find-the-custom-css-editor">
  ## أين تجد محرر CSS المخصص
</div>

1. انتقل إلى **Upcart > Cart Editor > Settings > Custom CSS**
2. مرّر لأسفل إلى حقل الإدخال والصق كود CSS الخاص بك
3. انقر على **Save**
4. حدّث واجهة متجرك لمعاينة التغييرات

***

<div id="example-css-to-change-the-arrow-color-in-v10">
  ## مثال CSS لتغيير لون السهم في V1.0
</div>

```
.styles_PreviewCarousel__ [class~="control-next"]::before,  
.styles_PreviewCarousel__ [class~="control-prev"]::before {  
  border-color: white !important;  
}
```

<div id="example-css-to-change-the-arrow-color-in-v20">
  ## مثال CSS لتغيير لون السهم في V2.0
</div>

```
.upcart-public-component-carousel__button svg {  
  stroke: orange;  
}
```

تضبط قاعدة V1 أعلاه الأسهم على اللون الأبيض؛ وتضبطها قاعدة V2 على اللون البرتقالي. تنطبق كلتاهما على سهمَي التالي والسابق.

***

<div id="how-to-customize">
  ## كيفية التخصيص
</div>

يمكنك تحديث `border-color` و`stroke` لتتطابق مع لوحة ألوان علامتك التجارية. استخدم أي تنسيق ألوان صالح:

* الألوان المسماة (مثال: `black` و`white` و`red`)
* الرموز السداسية العشرية (مثال: `#ffffff`)
* قيم RGB (مثال: `rgb(255, 255, 255)`)

**مثال:**

```
border-color: #00bcd4 !important;
```

يضمن ذلك بقاء أسهم التنقل في عروض البيع الإضافي مرئية على أي لون خلفية.