> ## 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.

# تغيير ألوان محدد متغيرات عروض البيع الإضافي

> خصّص لون الخلفية والنص لمحددات المتغيرات في قسم عروض البيع الإضافي.

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

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

هذا التخصيص مثالي لأصحاب المتاجر أو المطورين الذين لديهم معرفة أساسية بـ 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-for-variant-selector-styling-in-v10">
  ## مثال CSS لتنسيق محدد المتغيرات في V1.0
</div>

```
.upcart-upsell-item-variant-selector {     
  color: white !important;  
  background-color: #008060 !important;   
}
```

<div id="example-css-for-variant-selector-styling-in-v20">
  ## مثال CSS لتنسيق محدد المتغيرات في V2.0
</div>

```
.upcart-public-component-upsell-tile__variant-row select {  
  color: white;     
  background-color: #008060;   
}
```

***

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

* **color**: يضبط لون النص
* **background-color**: يضبط خلفية مربع محدد المتغيرات

يمكنك استخدام أنواع مختلفة من القيم، مثل:

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

**مثال:**

```
.upcart-public-component-upsell-tile__variant-row select {     
  color: #000000 !important;     
  background-color: #f3f4f6 !important;   
}
```

يتيح لك ذلك إنشاء نمط لمحدد المتغيرات إما ينسجم مع تصميم متجرك أو يبرز لجذب الانتباه.

***

<div id="still-need-help">
  ## هل ما زلت بحاجة إلى مساعدة؟
</div>

لمزيد من التخصيصات، نوصي بالعمل مع أحد **خبراء Shopify**. يمكنهم المساعدة في إضافة HTML أو CSS أو JavaScript إلى الدرج الجانبي لسلة التسوق الخاص بك.

[اطّلع على خبراء Shopify](https://www.shopify.com/partners/directory)