Is it possible to change button color

[Nigel_Mendoza]

Hi can anyone tell me if it’s possible to change the color of one button in the app, the app theme is Green I would like a 1 Red button

[Uzo]

Yes, check this app, you will find many tricks like that there

Code BOOK

[MrApp]

Yes we have different colours in our app but it was changed with CSS

[Pablo_books]

Hi @Nigel_Mendoza!

Insert this into a rich text component.

<pre><span><style>
[data-test="app-button-view"] {
background: red !important

[Uzo]

just updated code book with this one. but he want a specific button, this code is changing all buttons

[Nigel_Mendoza]

Thank s but yes it’s changing all buttons. I have four buttons on the main page I would like to change only one of the buttons to red.

[Pablo_books]

Changing only one button’s color is not possible (I’m 99% sure)

@Lucas_Pires Am i right?

[Lucas_Pires]

Actually, we can using this workaround:

Dynamically show Most Viewed Posts

Your lucky day! Thank @marcioferlan, he helpes me a lot and helped me to find this! Obs: This :nth-of-type (1) has to match the ordinal of the component that represents the inline, you know? If there are other components above the first inline, this ordinal has to be adjusted. [image] <style> div[id*='screenScrollView'] > div > div:nth-of-type(1) button[data-test='see-all'] { display: none; } </style>

Replacing the “See All” class to button’s class and the order of the component:

<pre><span><style>
div[id*='screenScrollView'] > div > :nth-of-type(4) button {
    background-color: red;
    color: yellow;
}

[Nigel_Mendoza]

Thats Perfect thanks

[Lucas_Pires]

Enjoy it

[Nigel_Mendoza]

This codebook is awesome thank you for the link

[The_Legit_FAM]

How do you code to customize button colors