Home Forums Basel support forum CHANGE COLOR OF BUTTON AND TEXT OF A MEGA MENU WIDGET

CHANGE COLOR OF BUTTON AND TEXT OF A MEGA MENU WIDGET

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #28966

    jdotalorac
    Participant

    Hello.

    Love the theme. I have been trying to make a modification without success. I want to change the color of the button (at rest and hover) and also the text color of the mega menu widget. In the picture you see in a red box.

    Thank you so much.

    Attachments:
    You must be logged in to view attached files.
    #29033

    Bogdan Donovan
    Keymaster

    Hello,

    Thank you so much purchasing our theme and contacting our support center. Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

    /*widget title background and font color*/
    
    .website-wrapper .widget_nav_mega_menu.shortcode-mega-menu .widget-title {
    	color: black;
    	background-color: white;
    }
    
    /*widget menu background and bottom border color*/
    
    .website-wrapper .widget_nav_mega_menu {
    	background-color: #CDCDCD;
    }
    
    .website-wrapper .widget_nav_mega_menu .menu {
      border-color: rgba(0,0,0,.23);
    }
    
    /*widget menu item default and hover text color*/
    
    .website-wrapper .widget_nav_mega_menu .menu > li > a {
    	color: white;
    }
    
    .website-wrapper .widget_nav_mega_menu .menu > li > a:hover {
    	color: white;
    }
    
    /*widget menu item hover background color*/
    
    .website-wrapper .widget_nav_mega_menu .menu > li:hover {
    	background-color: #FECC2D;
    }

    Kind Regards
    XTemos Studio

Viewing 2 posts - 1 through 2 (of 2 total)