[PanInternationalParticipant]

Hi,

We have a series of cool buttons provided by Theme X, but I would like to know if it is possible to create a new button (shape) and add to the theme?
Or simply, just make an effect similar to this http://creativeclashgame.com

Thank you

[ThaiModerator]

Hi There,

Please add the following CSS under Customizer > Custom > Edit Global CSS:

.x-btn.x-sharp-button {
    text-transform: uppercase;
    font-family: 'brandon-grotesque',sans-serif;
    font-weight: 900;
    background: url(//creativeclashgame.com/images/green-box.svg) no-repeat top left;
    display: block;
    margin: 0 auto;
    width: 160px;
    height: 55px;
    color: #fff;
    padding-top: 17px;
    font-weight: bolder !important;
    letter-spacing: 2px;
    box-shadow: none;
    border: none;
    transition: none;
}

.x-btn.x-sharp-button:hover{
	background: url(//creativeclashgame.com/images/green-box.svg) no-repeat bottom left;
}

After that add the x-sharp-button CSS class to the class field of your buttons.

Hope it helps 🙂

[PanInternationalParticipant]

Hi,

I was not asking for that button in particular, but I think I understood the process.
Now I will try to do my own button and follow the same instructions.

Thank you

[ChristopherModerator]

You’re welcome.

[Author]

Posts