Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1027897

    Hi,

    I’m trying to place 4 equally spaced Avia buttons in the footer socket; the buttons fill the available space (width) – not fixed width.

    I’d like to use ‘display:table’ but I’m not having any luck.

    #1028106

    Hey corefocusgroup,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    #1028263

    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>
    
    #1028358

    Hi, I appear to have resolved the primary issue.

    Thanks!

    #1028715

    Hi,

    Great, glad you found a solution :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.