# Services

In the theme editor **(Customize) => Section**, Add **Services**

{% tabs %}
{% tab title="Style 1" %}
<figure><img src="https://2361551639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvpHXxVsLGG7Sr7k8tL4%2Fuploads%2FjW4zNh7z7elVhl7r9otF%2Fser.png?alt=media&#x26;token=56195835-7c5c-4a85-b37f-743c0ef6519d" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Style 2" %}
<figure><img src="https://2361551639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvpHXxVsLGG7Sr7k8tL4%2Fuploads%2FYMxGjJ9SBxW662M3SAOn%2Fser_2.png?alt=media&#x26;token=5a5542d3-8659-419c-8f63-42b4f83c3352" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### General Settings

![](https://content.gitbook.com/content/HvpHXxVsLGG7Sr7k8tL4/blobs/RoPKsqMvzu4RNIJ0F7OM/image.png)![](https://content.gitbook.com/content/HvpHXxVsLGG7Sr7k8tL4/blobs/OdaWWyMyVfGTIE9fYBFl/image.png)



* Select Animation
* Width of Container
* Background Section
* Text content, Sub Title, Heading, Description
* Align Heading
* Items
  * Inner Padding (Padding: Top Right Bottom Left)
  * Icon Color
  * Title Color
  * Subtitle Color
  * Size Icon
  * Heading Item
  * Style
* Carousel
  * Enable Carousel
  * Arrows
  * Draggable
  * Dots
  * Infinite
* Section Padding (Desktop on Mobile)

### Block Settings

{% hint style="success" %}
In **Services** Section **>** Add **Service**
{% endhint %}

<figure><img src="https://content.gitbook.com/content/HvpHXxVsLGG7Sr7k8tL4/blobs/mpCD9x7LzhphACT6x4YI/image.png" alt=""><figcaption></figcaption></figure>

* Background block
* Title
* HTML / Description
* Icon > Font Icon, Svg Icon [https://ap2020.myshopify.com/pages/html-builder#html-icon](https://ap2020.myshopify.com/pages/html-builder#html-icon)
