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

Eventin

Event
  • Single Event
  • Event Single Page with Elementor
  • Event Attendee
  • Recurring Event
  • WooCommerce Coupon for Events
  • Event Speaker & Organizer
  • Event location
  • Event Email Notifications
  • Event Schedule
General Settings
  • General Settings
  • Plugin Installation
  • License
  • Purchaser Dashboard
  • User Roles and Permissions
  • Shortcodes
  • Min/Max Quantity Limit
  • Registration and Ticket Selling
  • WooCommerce Deposits Extension Compatibility
  • Translation
  • Plugin Uninstallation
  • Get Support
Integration
  • FluentCRM Integration
  • Groundhogg Integration
  • Calendar Integration (Google, Apple etc)
  • Pabbly Integration
  • Twilio SMS Integration
  • Zapier Integration
Others Settings
  • QR Code
  • Calendar View
  • Zoom Module
Templates
  • Event Template Override
  • Speaker Template Override
  • Archive Page Override

WPCafe

  • Plugin Installation
  • WpCafe Shortcode
  • Multivendor Addon
  • Translation
  • WpCafe Elementor Widgets
  • 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
General settings
  • General Settings for Date and Time
  • Slug Change
Integrations
  • 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
  • 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 © 2022 Documentation for Plugins