Return to previous page

DropDown menu background colour - by bojcy75

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

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

#171345 Copied

13 Answers
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
#171348 Copied
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

#171356 Copied

Rose Tyler

Support staff

September 1, 2017 at 12:11

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

Regards

#171362 Copied

bojcy75

Participant

September 1, 2017 at 12:16

Red is working but transparent is not working.

#171366 Copied

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

#171368 Copied

bojcy75

Participant

September 1, 2017 at 12:34

So dropdown container can not be transparent?

#171372 Copied
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
#171374 Copied
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

#171385 Copied
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
#171391 Copied
bojcy75

Participant

September 1, 2017 at 14:34

Unfortunatly it is not working

#171394 Copied

Rose Tyler

Support staff

September 1, 2017 at 14:48

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

Regards

#171398 Copied

bojcy75

Participant

September 1, 2017 at 15:00

Perfect thank you very much top support 😀

#171400 Copied

Rose Tyler

Support staff

September 1, 2017 at 15:10

You’re welcome!

Regards

#171402 Copied
Viewing 14 results - 1 through 14 (of 14 total)