# 24. Theme Settings

In the Foodship online ordering system, admins can customize the theme of their website/frontend according to their restaurant's theme or logo. To apply changes, log in to the backend/admin panel of your portal and follow these steps-

**Step 1** - Go to `Setting` section → select `Settings` → and click on `theme settings`

 ![](https://outline-production-attachments.s3-accelerate.amazonaws.com/uploads/9303e355-e481-492f-bd71-a09d0e0bdbfc/45ccab79-04d8-4a5c-ad49-a953ff4e6e51/FOS%20Backend%20%283%29.gif?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA4EOUDTOVUICLPZ4P%2F20261107%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20261107T093000Z&X-Amz-Expires=86400&X-Amz-Signature=065ee2069b4271cce524e23fbe88bfd65ed4cc1e1b7724e980ae00f896098e96&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject)


**Step 2 -** Change the theme view, scroll down and click on the submit button to apply changes.

 ![Theme/View settings](https://outline-production-attachments.s3-accelerate.amazonaws.com/uploads/9303e355-e481-492f-bd71-a09d0e0bdbfc/6f469034-44d4-45ce-93cc-059ccec5cd69/FOS%20Backend%20%285%29.gif?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA4EOUDTOVUICLPZ4P%2F20261107%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20261107T093000Z&X-Amz-Expires=86400&X-Amz-Signature=1a8d8646bc9e5abfb070f39257edf5937aeceb39a97c648c55bfd1c1c52d6a22&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject)



**Step 2.1** - Apply zoom effect and edit the buttons of home page scroll down click on save button to apply changes 

 ![](https://outline-production-attachments.s3-accelerate.amazonaws.com/uploads/9303e355-e481-492f-bd71-a09d0e0bdbfc/d66cc98f-1491-4414-9a55-bfbfe0c69fb0/FOS%20Backend%20%282%29.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA4EOUDTOVUICLPZ4P%2F20261107%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20261107T093000Z&X-Amz-Expires=86400&X-Amz-Signature=e445ff5969b5f6c047df73474999d9159294fcb023784c8db90875b796f4152b&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =1500x750")

  
**Step 2.2** - Change color theme of home page button and scroll down click on submit button

 ![](https://outline-production-attachments.s3-accelerate.amazonaws.com/uploads/9303e355-e481-492f-bd71-a09d0e0bdbfc/b68eb31d-f32b-4ec2-8277-aa0c8d67d7e9/FOS%20Backend%20%283%29.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA4EOUDTOVUICLPZ4P%2F20261107%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20261107T093000Z&X-Amz-Expires=86400&X-Amz-Signature=546cf661f5ab1ed1485c97b118a97ec03ee68efdc0404519c46052fa0b57b450&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =1500x750")

  
**Step 2.3** - Change the color theme of Menu/Cart page page button and scroll down click on submit button

 ![](https://outline-production-attachments.s3-accelerate.amazonaws.com/uploads/9303e355-e481-492f-bd71-a09d0e0bdbfc/c41ec13a-21ab-45c1-b73f-92a5d815dc02/FOS%20Backend%20%284%29.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA4EOUDTOVUICLPZ4P%2F20261107%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20261107T093000Z&X-Amz-Expires=86400&X-Amz-Signature=7a1c06a42fb379c4c3b74bc5ba4e9574edc196a45771d6921f0eb354658e6685&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =1500x750")


  
**Step 2.4** - Enable/disable header & footer buttons and click on submit button.

 ![](https://outline-production-attachments.s3-accelerate.amazonaws.com/uploads/9303e355-e481-492f-bd71-a09d0e0bdbfc/a7fa71dd-3d05-4325-95cf-6e20a73822f5/FOS%20Backend%20%285%29.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA4EOUDTOVUICLPZ4P%2F20261107%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20261107T093000Z&X-Amz-Expires=86400&X-Amz-Signature=3bcb855e464b76f0d1db891aea3b8288588aad9afbb72bd0c49ec4991219431e&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject " =1500x750")

---

**Documents**

- [0.Online Ordering - Quick Guide](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/0online-ordering-quick-guide-FMgH6zFY9W)
- [1. Login FOS - Admin Panel](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/1-login-fos-admin-panel-Skt7YydsF5)
- [2. General Setup](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/2-general-setup-kew9DMrGht)
- [3. Manage Delivery Area](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/3-manage-delivery-area-bn1fOkeMYS)
- [4. Tax & Additional Charge](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/4-tax-additional-charge-malkEgk2AH)
- [5. Tips](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/5-tips-Y6LyPmZETz)
- [6. Manage Menu](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/6-manage-menu-zX8oMctMPB)
- [7. Update or change prices in the menu](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/7-update-or-change-prices-in-the-menu-BPzlhIsf7b)
- [8. CMS pages](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/8-cms-pages-0yoF6aAMGG)
- [9. Discounts & Offers](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/9-discounts-offers-z8Iffn7PJd)
- [10. Manage Orders](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/10-manage-orders-4123SC9NY3)
- [11. Manage Reservations](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/11-manage-reservations-w7mRZ35VEb)
- [12. QR Code Order - Dine in](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/12-qr-code-order-dine-in-o2Uv4qt0pN)
- [13. Gift vouchers](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/13-gift-vouchers-5tVQCsNxnz)
- [14. Sales Off](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/14-sales-off-rUhrdhB0nN)
- [15. Pop Up Alert](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/15-pop-up-alert-qARA4YvKfF)
- [16. Publish an Events](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/16-publish-an-events-Pv1CP6Ov4u)
- [17. Website Setup & Management](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/17-website-setup-management-MwB1N5K3rX)
- [18. New Roles](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/18-new-roles-fixLpvQYWo)
- [19. Manage Customers](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/19-manage-customers-xGmd7MeEKv)
- [20. Master Settings](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/20-master-settings-uE2x75KsKR)
- [21. Printer Setup](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/21-printer-setup-WYN4rGOWif)
- [22. Foodship's ORA app](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/22-foodships-ora-app-J9D3uvHEKl)
- [23. Stripe Setup](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/23-stripe-setup-RDAuPDxhZ0)
- [24. Theme Settings](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/24-theme-settings-J4qpRH9YUa)
- [25. Admin Login/Order notification email.](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/25-admin-loginorder-notification-email-amzjyN58h1)
- [26. Ordering/Rearranging Menu](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/26-orderingrearranging-menu-ncKeLkPrv6)
- [27. Loyalty/Rewards Points](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/27-loyaltyrewards-points-xltr5dnKTz)
- [28. Get a Google Maps API Key](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/28-get-a-google-maps-api-key-fw3pwhC38t)
- [29. Stripe 2.0](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/29-stripe-20-bZxgD8MgKu)
- [30. Square Up 2.0](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/30-square-up-20-5p04cl6eDY)
- [31. Theme Settings](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/31-theme-settings-cvU3f9aYjy)
- [32. How to Get Google Review Embed Code from Featurable ?](https://foodship.getoutline.com/s/online-ordering-system-knowledge-base/doc/32-how-to-get-google-review-embed-code-from-featurable-Fz2KXvhRSc)