How to change color button with code injection


  • I use casper theme
  • My Brand color is blue


but I would like my subscription button to be yellow for contrast

I looked in the console

.gh-portal-triggerbtn-container {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--brandcolor);
    height: 60px;
    min-width: 60px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 8px 16px -2px;
    border-radius: 999px;
    transition: opacity 0.3s ease;

So i try code injonction with

.gh-portal-triggerbtn-container {
    background: yellow;

It does not work

An idea ?
Thank you in advance

The portal button is loaded in an iframe, which means that it can’t be styled via Code Injection. You could make the brand color the contrasting color and then use Code Injection to override the other styles to your blue.