Button Element to be like Fullwidth Button?

Hi Micheal0424!

Please add the below CSS in Enfold > General Styling > Quick CSS

.fwbtn {
    width:auto!important
    padding:1!important;
}

.fwbtn .avia-button-center {
    display:inline-block!important;
}

#top  .av-fullscreen-button .fwbtn .avia-button-fullwidth {
    padding:15px 20px;
    border-radius:3px;
    margin: 1em;
}

.fwbtn .avia_button_background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin:0!important;
}

Enable custom class name for ALB elements

Add class name fwbtn to the fullwidth button to make it look like a regular button.

NOTE: This has some limitation like alignments which you will need to do it using more custom css.

Best regards,
Vinay

Hi!

for background color use this code inside of Quick CSS field:

a.avia-button.avia-icon_select-yes-left-icon.avia-color-theme-color.avia-size-small.avia-position-center {
background-color: red;
}

For hover use this:

a.avia-button.avia-icon_select-yes-left-icon.avia-color-theme-color.avia-size-small.avia-position-center:hover {
background-color: blue;
}

Cheers!
Andy