• Message IconContact Us
  • Home
  • Support
  • Visual Appeal: How to Customize Button...

Contents

  • 👨‍💻 Login to your learning platform as an administrator with your admin credentials
  • 1. From your Dashboard, Go to "Settings"
  • 2. Click "Branding"
  • 3. Go to "Site Theme"
  • 4. Click on “Anchor”
  • 5. Choose the color of your choice. The color can also be given as HEX code or RGBA.
  • 6. Then go to “Button”, choose the color of your choice. The color can also be given as HEX code or RGBA.
  • 7. Once done, scroll down and click on "Save changes"
  • 8. Visualization from Login Page.
  • 9. Visualization from User-side.

Visual Appeal: How to Customize Button Colors on Your Platform?

Written by Shofiya SM

Updated at September 4th, 2025

Contents

  • 👨‍💻 Login to your learning platform as an administrator with your admin credentials
  • 1. From your Dashboard, Go to "Settings"
  • 2. Click "Branding"
  • 3. Go to "Site Theme"
  • 4. Click on “Anchor”
  • 5. Choose the color of your choice. The color can also be given as HEX code or RGBA.
  • 6. Then go to “Button”, choose the color of your choice. The color can also be given as HEX code or RGBA.
  • 7. Once done, scroll down and click on "Save changes"
  • 8. Visualization from Login Page.
  • 9. Visualization from User-side.

This guide provides a simple method for administrators to customize action button colors on their learning platform, enhancing branding and user experience. By following these steps, you can easily select colors that match your organization’s identity using HEX or RGBA codes. The guide includes visual examples from both the login page and user interface to showcase the impact of your changes. With this guide, you’ll ensure your platform is both functional and visually appealing to users.


👨‍💻 Login to your learning platform as an administrator with your admin credentials

1. From your Dashboard, Go to "Settings"

From your Dashboard, Go to "Settings"

2. Click "Branding"

Click "Branding"

3. Go to "Site Theme"

4. Click on “Anchor”

Click on "Anchor.

5. Choose the color of your choice. The color can also be given as HEX code or RGBA.

Choose the color of your choice. The color can also be given as HEX code or RGBA.

6. Then go to “Button”, choose the color of your choice. The color can also be given as HEX code or RGBA.

Then go to "Button". Choose the color of your choice. The color can also be given as HEX code or RGBA.

7. Once done, scroll down and click on "Save changes"

Once done, scroll down and click on "Save changes"

8. Visualization from Login Page.

Visualization from Login Page.

9. Visualization from User-side.

Visualization from User-side.

color customization button colors ui enhancement user page

Was this article helpful?

Give feedback
Previous

Strengthening Identity: How to Display Your Institution’s Name Prominently?

Related Articles

  • How to Let Students and Teachers Collaborate on a Document in Class?

  • How to Upload Files to Your Classroom?

    Discover step-by-step instructions for uploading files to your classroom efficiently and effectively to facilitate remote learning.

  • How to Upload PDF Files to Your Classroom?

    Learn the simple steps for uploading PDF files to your classroom and easily share important documents with your students.

Copyright 2025 – EdisonOS

Knowledge Base Software powered by Helpjuice

Expand