Adjust slider's button and font size

⚠️ 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 new themes like Candy, WAVE, FALL, MAKER, X-FORCE and Lucky only.

1. Adjust slider's button size

Step 1: Go to EasyStore Admin > 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

Step 3 : Save and done

2. Adjust slider's font size

Step 1: Go to EasyStore Admin > 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

Step 3 : Save and done

3. Adjust slider button alignment

Step 1: Go to EasyStore Admin > 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

Step 4 : Save and done

4. Adjust slider title alignment

Step 1: Go to EasyStore Admin > 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

Step 3 : Save > Done

The final result would be as the image shown below

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

Updated on: 24/09/2022

Was this article helpful?