Custom Settings

Estimated reading: 2 minutes 74 views

In this section, you can customize the layout using our built-in color options. These settings are especially helpful when the pre-designed templates don’t meet your requirements, allowing you to adjust the menu colors to your liking.

Custom Settings

1. Custom CSS

Users can add their own custom CSS code in this field to further customize the appearance and behavior of the Floating Side Tab beyond the built-in settings. This feature is useful for advanced users who want to modify specific styles that aren’t available in the default settings.


2. Button Labels

There are fields available to customize the text on various buttons:

  • Post Button Label: This controls the text displayed on buttons linked to posts. For example, you can change “Read More” to any label you prefer.
  • WooCommerce Button Label: You can modify the label for the WooCommerce button, such as changing “View More” to something else.
  • WooCommerce Add to Cart Button Label: This field lets you customize the text for the WooCommerce Add to Cart button. The default text is “Add to Cart,” but you can change it to fit your site’s branding or messaging.

3. Color Customization

You can toggle the Color Customization Status on or off. When enabled, you have control over the following colors:

  • Tab Text Color: Allows you to change the color of the text displayed on the tab.
  • Tab Background Color: Customize the background color of the tab.
  • Text Hover Color: This option lets you define the color of the text when a user hovers over it.
  • Tab Hover Color: Allows you to customize the color of the tab itself when hovered.

Preview of Color Customization


4. Save Changes

After configuring your settings, click the Save Menu button to apply your changes. This will ensure that all customizations to button labels, colors, and other features are updated on your website’s floating side tab.


These Custom Settings provide users with the flexibility to personalize the Floating Side Tab for specific needs, enhancing user interaction and matching the design with the website’s overall branding.

Share this Doc

Custom Settings

Or copy link

CONTENTS