Customize component

Support
#1

Hello, i would like to know if it’s possible to customize the same component differently :

exemple :
I have a blue background color buton component on one page, is it possible to have it red for the second page (and keeping it blue on first page) ?
Like customizing design for différents pages while keeping importants things like link and text the same.

edit*
I see custom attributes menu on component, is it something i can use to customize design on component ?
If yes how does it works ?

custom
custom357×590 10.9 KB

#2

Probably all you need to override the colors you want is via Page CSS, add an ID to your component so it’s easier to target the button background color

#3

Ah yes good idea @omartan !
I also had a particle to target, everything works nice.

id3

Thx you !

#4

everythings works fine for color change exept for the dropdown

id-dropdown
id-dropdown2

The icon, particle, text and background stay white, what im i doing wrong ?

#5

Hello @Lyser,

Thank you for the inquiry.

The ID menuhead is directly applied to the .x-text element, so you need to apply the color property directly to it. For example:

#menuhead {
	color: black;
}

If your project requires modifications, custom code, or assistance with third-party plugins, you might want to check out One (https://theme.co/one).

Best regards,
Ismael

#6

Ok, thx for help !

#7

No problem! Please don’t hesitate to open another thread if you have more questions about the theme.

Have a nice day.

#8