Submenu Background Color Setting

Under the General Settings there is the Header and Foot background color setting, but I don't see a setting for the Submenu background color so it is the same as the original theme color. How do I change that one?
submenu.png
2173 x 1572 - 5M

Comments

  • Hi bekillian

    Please add this give css code in your wp additional css box.

    .nav .dropdown-menu {
        background-color: #3e33d0;
    }

    Change color code as your needs.

    Thanks
    A

  • edited November 2018
    That worked perfect. Do You have another one to change the color for when you hover over it? The background on the Submenu is changed now but not the hover color. 
    image
  • I have also discover that the widget header colors are retaining the default purple-ish color and not my custom color. Is there an additional css for these areas too?
    Capture.PNG
    1418 x 551 - 21K
  • image from hover
    Capture.PNG
    904 x 654 - 665K
  • Hi bekillian

    Please also use thi give css code in your custom css box

    /* Sub menu hover color */

    .nav .dropdown-menu > li > a:hover {
       
     
       background-color: #282737;
    }


    /*  Widget Header coor */
    .sidebar .section-header {
        background-color: #261ca9;
    }
    .sidebar .section-header {
        border-left: 5px solid #ce1b28;
    }

    Change color code as your need.

    Thanks
    A
  • Thank you for the quick response! It seems I found another place the color isn't changed.

    The header when it is in mobile view. What is the custom CSS to change the mobile header?
    Screenshot_20181201-004756_Edge.jpg
    1080 x 2220 - 510K
  • Hi bekillian

    Please add this given css code aslso to change header background color .

    @media only screen and (max-width: 480px) and (min-width: 100px)
    .navbar-overlapped {
        background-color: #251abb; 
    }

    Thanks
    A



  • It doesn't seem to be working. Still showing wrong color on header. 
    Screenshot_20181203-095047_Edge.jpg
    1080 x 2220 - 594K
  • Hi

    My mistake please add this one 

    @media only screen and (max-width: 480px) and (min-width: 100px) {
    .navbar-overlapped {
        background-color: #251abb; 
    }
    }

    Change code as your needs.

    Thanks
    A
  • That's it! Thank you!
  • edited December 2018
    Hi bekillian

    Glad to know its work for you. If you like our theme and support can i ask you for a good review here https://wordpress.org/support/theme/spicepress/reviews/?filter=5

    Let me know if you have any other questions.

    Thanks
    A
This discussion has been closed.