Header Builder – Assign some css to an HTML button

Dear,

In the header builder of my site, I have (on the right side) some basic buttons and I am currently designing a third button specific for the live chat.

To do so, I need to use some HTML to create this button. I have already created the button itself called “LIVE CHAT” through HTML but it’s only plain text.

I’d like to make this new button exactly identical to the 2 others. Can you help me with this?

Thanks

Attachments:

You must be logged in to view attached files.

I think I may have found the CSS code :

@media all {
     *,*::before,*::after{
        box-sizing:inherit;
    }
}
 @media all {
     div,a{
        margin:0;
        padding:0;
        border:0;
        vertical-align:baseline;
        font:inherit;
        font-size:100%;
    }
     *{
        box-sizing:border-box;
    }
     *:before,*:after{
        box-sizing:border-box;
    }
     a{
        touch-action:manipulation;
    }
     a{
        color:#3f3f3f;
        text-decoration:none;
        transition:all .25s ease;
    }
     a:hover,a:focus,a:active{
        outline:none;
        text-decoration:none;
    }
     a:focus{
        outline:none;
    }
     .reset-mb-10 > *:last-child{
        margin-bottom:0;
    }
     .whb-text-element{
        flex:1 1 auto;
    }
     .whb-text-element{
        padding-right:10px;
        padding-left:10px;
    }
}
 a:hover{
    color:#83b735;
}

However, I still face some struggle to apply this code into the button. I’ve assigned the new class “desktop-header-button” to the HTML link.

But how can I link the above CSS code to this new class ?

Thanks

Hello,

You would better to clone the button https://gyazo.com/6f209e6c3d2e2dd9eedc1ec1d0e03f10 and edit it adding the appropriate text and link. in this case, you would not need to add any CSS.

Best Regards

Indeed !

The most simple solution that I didn’t even think about 🙂

Thanks, you can close this ticket

[Author]

Posts