DropDown menu background colour - by bojcy75

This topic has 14 replies, 2 voices, and was last updated 6 years, 7 months ago ago by Rose Tyler

  • Avatar: bojcy75
    bojcy75
    Participant
    September 1, 2017 at 10:32

    Hello,

    I’m using Royal theme and I want to change background colour of dropdown menu. Now is white and i want to have transparent gray colour because of whole web site designe. How can I do that? I have tried several CSS code but non of them worked.
    Web site url:
    http://www.onelife.si

    Pleas help.

    Thank you,
    Bojan

    13 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 1, 2017 at 10:55

    Hello,

    Please add this code in Theme Options > Custom css:

    .menu .nav-sublist-dropdown ul {
        background-color: rgba(230, 230, 230, 0.17);
    }

    Regards

    Avatar: bojcy75
    bojcy75
    Participant
    September 1, 2017 at 11:37

    Hello,

    unfortunatly the code is not working. I have tried in global custom CSS andcustom CSS for desktop. Te dropdown container is still white.

    Any other help?

    thank you

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 1, 2017 at 12:11

    Please try to change color in code, for example to red;

    Regards

    Avatar: bojcy75
    bojcy75
    Participant
    September 1, 2017 at 12:16

    Red is working but transparent is not working.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 1, 2017 at 12:22

    It works, but color from the first example was too transparent, please see screenshot http://prntscr.com/gfrx1p

    Regards

    Avatar: bojcy75
    bojcy75
    Participant
    September 1, 2017 at 12:34

    So dropdown container can not be transparent?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 1, 2017 at 12:44

    You may try also this code:

    .menu > li:hover .nav-sublist-dropdown {
        opacity: 0.9;
    }

    Regards

    Avatar: bojcy75
    bojcy75
    Participant
    September 1, 2017 at 13:10

    grat thx. One more question how can I make only background container transparent and text normal. Because if i use this code it will also text transparent

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 1, 2017 at 14:20

    Please try to change this previous code:

    .menu > li:hover .nav-sublist-dropdown {
        opacity: 0.9;
    }

    to

    .menu > li:hover .nav-sublist-dropdown {
        background-color: rgba(255,255,255,0.2);
    }

    Regards

    Avatar: bojcy75
    bojcy75
    Participant
    September 1, 2017 at 14:34

    Unfortunatly it is not working

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 1, 2017 at 14:48

    Change 1 to 0.8 http://prntscr.com/gftuz9

    Regards

    Avatar: bojcy75
    bojcy75
    Participant
    September 1, 2017 at 15:00

    Perfect thank you very much top support 😀

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    September 1, 2017 at 15:10

    You’re welcome!

    Regards

  • Viewing 14 results - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.