> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Adjust slider's button and font size

###### In this article :
1.  Adjust slider's button size    
2.  Adjust slider's font size    
3.  Adjust slider button alignment    
4.  Adjust slider title alignment    

### ⚠️ Kindly take note :
*   Above all code editing, you will need to re-edit the code again if you switch to a new theme template    
*   We do not allow to change or edit the code for the **checkout page** (which include shipping & payment method) due to security reasons    
*   This step would be applicable for old themes like Candy, WAVE, FALL, MAKER, X-FORCE and Lucky only.    

## 1. Adjust slider's button size

**Step 1:** Go to [EasyStore Admin](https://admin.easystore.co/) > Channels > Online Store > Edit source > assets > **theme.scss**

**Step 2** : Search for **.slide-btn** and change the highlighted code number to the size that you prefer

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-29_11r8e9g.png)

**Step 3** : Save and done
---
## 2. Adjust slider's font size

**Step 1:** Go to [EasyStore Admin](https://admin.easystore.co/) > Channels > Online Store > Edit source > assets > **theme.scss**

**Step 2** : Search for **.slide-btn** > add **padding: 12px 30px;** for larger font size. You can adjust the **px** based on the size that you prefer

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-30_zfsfjl.png)

**Step 3** : Save and done
---
## 3. Adjust slider button alignment

**Step 1:** Go to [EasyStore Admin](https://admin.easystore.co/) > Channels > Online Store > Edit source > assets > **theme.scss**

**Step 2** : Search for **.slide-item-content** > change the % at bottom and left

| **Tips :** change both to 50% if you want the slider button to be exactly in the middle

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-31_1gv9pft.png)

**Step 4** : Save and done
---
## 4. Adjust slider title alignment

**Step 1:** Go to [EasyStore Admin](https://admin.easystore.co/) > Channels > Online Store > Edit source > assets > **theme.scss**

**Step 2** : Search for **.slide-item-content** > change **text-align** to you preferences. You can change the code to **left, center, right**

![](https://storage.crisp.chat/users/helpdesk/website/b34797d9594d3000/b-32_1n8u6b6.png)

**Step 3 :** Save > Done

The final result would be as the image shown below

![](https://storage.crisp.chat/users/helpdesk/website/e5b016e1f549a800/d98dad35-3ec3-4ef4-9318-0097f0_wsu3wb.png)

If the changes made does not reflect on your website, can clear cache by pressing **Ctrl + Shift + R** keys 😀