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

# تغيير أحجام الخطوط

> اضبط حجم النص في Upcart باستخدام CSS مخصص.

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

إذا كنت تريد تغيير حجم خط عناصر نصية معينة في سلتك (مثل عناوين عروض البيع الإضافي أو خيارات المتغيرات)، فيمكنك القيام بذلك باستخدام محرر **Custom CSS** المدمج في Upcart.

***

<div id="step-1-inspect-the-element">
  ## الخطوة 1: افحص العنصر
</div>

1. افتح واجهة متجرك وشغّل درج Upcart.
2. انقر بزر الفأرة الأيمن على العنصر الذي تريد تغيير حجم خطه.
3. اختر **Inspect** من قائمة السياق في متصفحك لفتح أدوات المطورين.
4. حدد **اسم الفئة (class)** الخاص بالعنصر في لوحة HTML.\
   مثال: `upcart-item-option`

<div id="step-2-access-the-custom-css-editor">
  ## الخطوة 2: ادخل إلى محرر CSS المخصص
</div>

1. انتقل إلى **Shopify Admin > Apps > Upcart**
2. افتح **Cart Editor**
3. انقر على **Settings**
4. ابحث عن قسم **Custom CSS**

<div id="step-3-write-your-custom-css">
  ## الخطوة 3: اكتب CSS المخصص الخاص بك
</div>

في حقل إدخال CSS:

1. ابدأ بنقطة (`.`) متبوعة باسم الفئة
2. أضف `{ font-size: 14px !important; }` (أو الحجم الذي تريده)

مثال:

```
.upcart-item-option {  
 font-size: 14px !important;  
}
```

💡 **ملاحظة:** ‏`.upcart-item-option` هي فئة خاصة بـ V1. في V2، نص متغير عنصر السطر المكافئ هو `.upcart-public-component-product-tile__variant`. راجع [مكتبة محددات CSS للإصدار V2](/ar/upcart/upcart_css_selector_library_v2) للاطلاع على المجموعة الكاملة.

استخدم `!important` فقط إذا لم يُطبَّق النمط بعد التغيير بسبب تجاوزه.

<div id="step-4-save-and-test">
  ## الخطوة 4: احفظ واختبر
</div>

1. انقر على **Save** في Cart Editor
2. حدّث صفحة واجهة متجرك
3. افتح الدرج الجانبي لسلة التسوق وتأكد من تحديث حجم الخط

إذا لم يتغير النص، فتحقق مرة أخرى من اسم الفئة أو استخدم أداة Inspect في المتصفح مجددًا للتأكد من أنك تستهدف العنصر الصحيح.