CSS website theme taking over Fundraising page formatting

Question

I believe the website CSS is interfering with the styling of the buttons on the Fundraising pages for Christ the King. I don't know what CSS to impose on this. https://rock.ctk.church/page/1213?GroupId=108872 If you login as Username: tina@9embers.com
Password: embersinthefire9 you'll see this:

Asana: https://app.asana.com/0/1203477406084155/1203939032167127/f

Comments

(Originally by Unknown) there's nothing you can do at this point. the css theme is going to take over everything!

Answer 1

Originally posted by Unknown

It looks like their buttons are styled to be quite large. I added some javascript at the top to give the buttons more space in the panel:

<script>
    function pageLoad() {
        $("div[id$='pnlParticipantActions'] .row > .col-md-9").addClass('col-md-7').removeClass('col-md-9');
        $("div[id$='pnlParticipantActions'] .row > .col-md-3").addClass('col-md-5').removeClass('col-md-3');
    }
</script>

Comments

@Russell I see what you did-that's cool. Thanks!