Where is the bootstrap color come from?

yandp
Tera Guru

‎12-21-2022 12:29 AM

Hello all, 

I have some icon menu list in a page.

yandp_0-1671611199157.png

i tried to change the color based option below, but it seem not changing the color.

yandp_1-1671611241989.png

is this based on the portal theme color, it is not match the color.

yandp_2-1671611298839.png

Hope to hear from your advice/suggestion, how can i change the icon menu list color?

Thank you so much.

0 Helpfuls
  • 381 Views
1 REPLY 1

Community Alums
Not applicable

‎12-21-2022 02:21 AM

Hi @yandp ,

You could do a few things.

 

1. Open the 'Icon Menu List' widget in the widget editor.  On the context menu select Clone widget and give it a new name.

 

2.  In the CSS script of the widget editor try using:

 

.panel-heading{

color: #33006F;

}

 

Replace the hex code with whatever color you want.

 

3.  For the hover color you could try targeting the css of the icon:

.fa-circle:hover{

color: black;

}

 

Again replace the hex code with whatever color.

 

This may not be exact code to work but hope this helps and gives you a better idea.

 

0 Helpfuls