Buttons in Footer

CSS (Quick CSS):

#socket {
border: none;
}

#socket .container {
padding: 0;
}

#socket .copyright {
width: 100%;
text-align: center;
}

.procharter-navbar {
display: table;
width: 100%;
text-align: center;
margin: 0;
}

.procharter-navbar li {
display: table-cell;
width: 25%;
}

#socket .avia-button.avia-size-large {
font-size: 16px;
border-radius: 0px;
margin: 0;
}

#socket .btn-custom-width {
display: block!important;
margin-right: 1px;
margin-left: 1px;
}

#socket .btn-custom-width .avia-button {
width: 100%;
}

HTML (Footer Copyright)

<ul class="procharter-navbar">
    <li>
        [av_button label=' ENQUIRE NOW' link='/aviation-service-quote/' link_target='' size='large' position='' icon_select='yes' icon='ue8b6' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' custom_class='btn-custom-width' admin_preview_bg='']
    </li>
    <li>
        [av_button label=' EMAIL US' link='mailto: (Email address hidden if logged out) ' link_target='' size='large' position='' icon_select='yes' icon='ue805' font='entypo-fontello' color='custom' custom_bg='#144566' custom_font='#ffffff' av-mini-hide='aviaTBaviaTBav-mini-hide' av_uid='' custom_class='btn-custom-width' admin_preview_bg='']
    </li>
    <li>
        [av_button label=' CONTACT US' link='/about/contact/' link_target='' size='large' position='' icon_select='yes' icon='ue854' font='entypo-fontello' color='custom' custom_bg='#144566' custom_font='#ffffff' av-mini-hide='aviaTBaviaTBav-mini-hide' av_uid='' custom_class='btn-custom-width' admin_preview_bg='']
    </li>
    <li>
        [av_button label=' CALLBACK' link='/procharter-callback/' link_target='' size='large' position='' icon_select='yes' icon='ue854' font='entypo-fontello' color='custom' custom_bg='#144566' custom_font='#ffffff' av-mini-hide='aviaTBaviaTBav-mini-hide' av_uid='' custom_class='btn-custom-width' admin_preview_bg='']
    </li>
    
</ul>

• This reply was modified 6 years, 1 month ago by corefocusgroup.