Skip to content
Documentation for Plugins
  • Home
  • Support
  • Plugin Docs
Popular Search ticketemailqr codetranslatelocation

Eventin

Event
  • Single Event
  • Event Single Page with Elementor
  • Event Single Page with Oxygen Builder Using Shortcode
  • Event Attendee
  • Adding Attendees Manually(Pro)
  • Recurring Event
  • QR Code for Event Ticket Management(Pro)
  • WooCommerce Coupon for Events
  • Event Speaker & Organizer
  • Event location
  • Event Email Settings
  • Event Schedule
  • Front-end Event Submission (1st Phase)(Pro)
  • Multivendor Event Marketplace(Pro)
  • Certification for Attendee(Pro)
  • Embeddable Script(Pro)
  • Webhooks(Pro)
General Settings
  • General Settings
  • Plugin Installation
  • License
  • Purchaser Dashboard
  • User Roles and Permissions
  • Shortcodes
  • Min/Max Quantity Limit(Pro)
  • Registration and Ticket Selling
  • WooCommerce Deposits Extension Compatibility
  • Translation
  • Plugin Uninstallation
  • Get Support
Integration
  • Protected: Oxygen Builder Integration (Pro)
  • Bricks Builder Integration(Pro)
  • DIVI Builder Integration
  • FluentCRM Integration(pro)
  • Groundhogg Integration(Pro)
  • Calendar Integration (Google, Apple etc)
  • Pabbly Integration
  • Twilio SMS Integration
  • Zapier Integration
  • BuddyBoss Integration(Pro)
  • Zoom Module
  • Google Meet
Others Settings
  • Calendar View
Payment Type
  • WooCommerce
  • Stripe(Pro)
RSVP Settings
  • RSVP General Settings(Pro)
  • Single Event Settings
  • RSVP Invitations
Templates
  • Event Template Override
  • Speaker Template Override
  • Archive Page Override

WPCafe

  • Plugin Installation
  • WpCafe Shortcode
  • Multivendor Addon
  • Translation
  • WpCafe Elementor Widgets
  • Searching Products with Pickup/Delivery
  • Oxygen Builder Elements
  • User Roles and Permissions
  • Plugin Uninstallation
  • Theme Compatibility
  • Get Support
  • License
Delivery Module
  • General
  • Add Food Store’s Location at Google Map
  • Google autocomplete address in the checkout
  • Minimum order amount to place order
Food Ordering
  • General Settings For Location
  • Add New Food Menu
  • Food Ordering with QR code
  • Add Food Category and Tag
  • Minicart
  • Tipping
  • Discount
  • Special Menus
  • Live Order
  • Pickup
  • Delivery
  • Order Bumps
  • Product Addons
  • Product Addons for Vendor
General settings
  • General Settings for Date and Time
  • Slug Change
Integrations
  • FluentCRM Integration
  • Zapier Integration
  • Pabbly Integration
  • Food delivery ( Ship day ) plugin integration
  • Twilio SMS Integration
  • Thermal Printer Integration
  • WooCommerce Clover POS Integration
  • Loyalty Program Points & Rewards for Food Orders
Reservation
  • General Settings for Reservation
  • Form Customization
  • Notification Email
  • Schedule
  • Email Settings
  • Reservation with Food Ordering (PRO)
  • Visual Table Selection
Style Settings
  • Style Settings
WPCafe APP
  • Protected: App Settings
  • Protected: Delivery Time Update
  • Protected: Delivery Man
  • Home
  • Docs
  • WPCafe
  • Style Settings
  • Style Settings

Style Settings

Table of Contents
  • Primary and secondary color
  • Cart Icon
  • Menu PopUp Icon
  • WooCommerce Layout Override

Primary and secondary color #

You can change the primary and secondary color from WPCafe -> Settings -> Style. This color will apply to the Food menu, Reservation form, Mini cart design, and so on.

Cart Icon #

In WPCafe, the users can use their choosen icon for the food menu cart. Go to the WPCafe -> Settings -> Style and insert the cart icon class that you want to use.

Menu PopUp Icon #

In WPCafe, the users aslo can use their choosen icon for the food menu popup cart. Go to the WPCafe -> Settings -> Style and insert the cart icon class that you want to use.

Frontend veiw for cart and popup icon:

NOTE: Make sure the icon class that you are using must be loaded in the theme or plugin. Otherwise, the icon will not display properly.

Font Awesome:

It’s the most popular font library which is loaded by default from most of the theme/plugins. There are 2 variants of font-awesome. For using the font awesome class, click here: https://fontawesome.com/v5.15/icons?d=gallery&p=2. If it’s not working, you need to add the CSS lines in Additional CSS.

Font Awesome 5: 

.fas.fa-cart-plus{
font-family: “Font Awesome 5 Free” !important;
font-weight: 900;
}

Font Awesome 4:

.fas.fa-cart-plus{
font-family: “FontAwesome”!important;
font-weight: 900;
}

Dashicon:

You can also use the dash icon. Links here: https://developer.wordpress.org/resource/dashicons/#heading. If it’s not working, you need to add the CSS lines in Additional CSS.

Font Awesome 5:
 .fas.fa-cart-plus{
font-family:  dashicons !important;
font-weight: 900;
}

WooCommerce Layout Override #

If the user want to overrride the WooCommerce product variation layout in popup and single page and WooCommerce Product Details, Cart, Checkout and Thank you page layout, then enable the “Product Variation List Layout Override?” and “Override WooCommerce Default Layout?” option from WPCafe -> Settings -> Style.

What are your Feelings
Share This Article :
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
Updated on April 24, 2022
Table of Contents
  • Primary and secondary color
  • Cart Icon
  • Menu PopUp Icon
  • WooCommerce Layout Override
Copyright © 2023 Documentation for Plugins