Home › Forums › Basel support forum › Mobile Menu Background colour White

Mobile Menu Background colour White

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 18, 2021 at 5:32 pm #259443

    gary
    Participant

    Hi Guys

    Is it possible to change the Mobile menu background colour to White and the text to Grey?

    If you have a look at the site its currently got a black background

    https://www.skinbox.ie/

    Many Thanks In Advance

    January 19, 2021 at 7:15 am #259590

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body .mobile-nav {
    background-color: blue;
}
body .mobile-nav ul li .up-icon{
background-color: blue;
}
body .mobile-nav .sub-menu-dropdown ul:before {
    color: red;
}
body .mobile-nav ul li.current-menu-item>a {
    color: red;
}
body .mobile-nav ul li a {
        color: red;
}
body .mobile-nav .icon-sub-menu:after, 
body .mobile-nav .icon-sub-menu:before {
    background-color: red;
}
body .mobile-nav .searchform button {
    color: red;
}
body .mobile-nav .searchform input[type=text] {
    color: red;
}

    Please change the colors as per your needs.

    Best Regards

    January 19, 2021 at 9:02 am #259640

    gary
    Participant

    Hi Thanks for that but there are still some items that need styling please check the results on the site:

    I used the following:

    body .mobile-nav {
    background-color: white;
    }
    body .mobile-nav ul li .up-icon{
    background-color: white;
    }
    body .mobile-nav .sub-menu-dropdown ul:before {
    color: 808080;
    }
    body .mobile-nav ul li.current-menu-item>a {
    color: 808080;
    }
    body .mobile-nav ul li a {
    color: 808080;
    }
    body .mobile-nav .icon-sub-menu:after,
    body .mobile-nav .icon-sub-menu:before {
    background-color: 808080;
    }
    body .mobile-nav .searchform button {
    color: 808080;
    }
    body .mobile-nav .searchform input[type=text] {
    color: 808080;
    }

    I need all text grey and when the text is selected to use #F1CADF also the shop sub dropdown has a black background still?

    Many thanks in advance

    January 19, 2021 at 6:16 pm #259807

    Elise Noromit
    Member

    Hello,

    If you mean the placeholder in the search, please add this code and set the color: 

    .searchform input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: pink;
}
.searchform input[type=text]::-moz-placeholder { /* Firefox 19+ */
  color: pink;
}
.searchform input[type=text]:-ms-input-placeholder { /* IE 10+ */
  color: pink;
}
.searchform input[type=text]:-moz-placeholder { /* Firefox 18- */
  color: pink;
}

    Best Regards

  • Author
    Posts

Tagged: 

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