Your account expired support, please renew to get your support.

Home Forums Themes Support Claue Main Menu Items Label

Topic Resolution: Resolved
Viewing 4 reply threads
  • Author
    Posts
    • #39373
      seventalents
      Support Expired

      How can I add colored label to the main menu items, like in attached screenshot of the demo Claue Theme?

      Attachments:
      You must be logged in to view attached files.
    • #39382
      Harry
      Support Expired

      Hi,

      Please follow our document at http://janstudio.net/claue/document/#menu-badge

      Kind regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • #39410
      seventalents
      Support Expired

      Thanks and where can I know the css classes I can use?

      Besides, how can I change the background color og the label?

    • #39418
      Harry
      Support Expired

      Hi,

      1. Please go to menu and click on Screen Option, After that check in “CSS Class” and open menu to item to know CSS class.

      Our theme support for menu badge with “New”, “Sale”, “Hot” with class “new”, “sale”, “hot”. You can remove badge by remove class

      2. You can change background color for label by add below code to claue-child > style.css

      .jas-menu li.hot > a:after {
      	content: 'Hot';
      	background: #ff3e11;
      }
      .jas-menu li.sale > a {
      	color: #ec0101;
      }
      .jas-menu li.sale > a:after {
      	content: 'Sale';
      	background: #ffa800;
      }
      .jas-menu li.new > a:after {
      	content: 'New';
      	background: #01bad4;
      }

      and change color as you want.

      Kind regards

      Harry
      Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

    • #39435
      seventalents
      Support Expired

      ok

Viewing 4 reply threads

You must be logged in to reply to this topic.