Rakosell Setup Tutorials
  • Register Rakosell Account
  • Basic Setup
  • 1. Add and Showcase Products on Your Website
  • 2. Setup Membership Plans
  • 3. Publish and Showcase Member-Only Content on Rakosell
  • 4. Enhance Your Membership Program with Rakosell's Advanced Features
  • 5. Mastering Member Management with Rakosell
  • 6. Rakosell's Member Referral Rewards (Affiliate) Program
  • 7. Create and Sell Courses with Rakosell
  • 8. Set Up GA4 Tracking Code and Facebook Pixel on Rakosell
  • 9. Integrating Rakosell and your Discord Server (Subscription feature)
  • 10. Upload Subtitle Files for Online Courses
  • 11. Build Your Membership Website with Rakosell Templates
  • 12. Rakosell Navbar: Enhancing Website Navigation and User Experience
  • 13. Guide to Subscription and Product Discount Offers
  • (14) Rakosell Tipping features
  • (15) Collect Members Personal Details
  • (16) Powerful Member Management System
  • (17) Email Analytics
  • (18) Customize Shopping Cart Fields
  • (19) Check Member Payment History
  • (20) Display of Purchase Counts for Products or Courses
  • (21) Email Notification
  • (22) Change or Canel Member's Current Membership
  • (23) Put Label on Your Products
  • (24) Custom Website Domain (Subsciption feature)
  • (25) Setup Sub-Accounts
  • (26) Choose Your Language
  • (27) Order Management System
  • (28) Member's Score Points & Referal Rewards Setting
  • (29) Rakosell Cloud Storage Capacity for Different Plans
  • (30) Rakosell's Billing Model
  • (31) Built-In SEO
  • (32) Elevate Your Rakosell Store Design with Simple Coding Tricks
  • (33) Publish Your Blogs
  • (34) Add Contact Us form
  • (35) Guide to ECPay Integration with RakoSell for Streamlined Payments
  • (36) Guide to PayPal Account Creation and Integration
Powered by GitBook
On this page

(32) Elevate Your Rakosell Store Design with Simple Coding Tricks

Previous(31) Built-In SEONext(33) Publish Your Blogs

Last updated 3 months ago

Rakosell is an excellent e-commerce platform that allows you to effortlessly create and manage your online store. This article introduces some simple programming tricks for Rakosell users to beautify web pages in the backend website design, enhancing the user experience. These techniques only require basic knowledge of HTML and CSS, without the need for advanced programming skills.

In the Rakosell backend under "Site Settings," you can input various custom codes in Custom HTML to effectively optimize your website. Below are some commonly used codes by the editor (it is recommended to paste the code within the <head> tags):

  1. Making the Navigation Bar Transparent

To make your Navigation Bar transparent, you can use the following code:

<style> body .rs-merchant-navbar { box-shadow: none !important; } .bg-nav, .rs-member-nav-bar, .rs-nav-placeholder { background-color: unset !important; } .rb-sticky-top.rs-nav-placeholder { display:none !important; } </style>

  1. Hiding the Footer

If you want to hide the Footer section, you can use the following code:

<style> .footer-top { display:none !important; } </style>

  1. Hiding the Navigation Bar

If you want to completely hide the Navigation Bar, you can use the following code:

<style> body .rs-merchant-navbar { display:none !important; } .rb-sticky-top.rs-nav-placeholder { display:none !important } </style>

  1. Customizing Dropdown Menu Colors

To customize the background color of the Dropdown Menu, you can use the following code:

<style> .custom-dropdown-item-list{ background-color: {{ COLOR }} !important; } </style>

In this code snippet, you can replace {{ COLOR }} with your desired specific color (e.g., Red, Blue, etc.), which will change the background color of the Dropdown Menu.

Please note that the !important style rules in these code snippets ensure that your settings take precedence over other styles. By using these simple programming tricks, you can easily enhance the aesthetics of your Rakosell backend pages to meet your design needs. Hope these tips are helpful to you!