Articles on: Online Store (Website)

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 > 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: 09/10/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!