Code Block centering for 3rd party widget

Hi, 

I'm new to this forum. Our church has changed our 3rd party donation "hosting" platform. (It is now thru Aplos if that helps anyone.) 

The widget code they gave us is this: 

<!-- Example button code using button style 3c --> <link rel="stylesheet" href="https://cdn.aplos.com/css/styles/2.21.3/donation-resources.css"> <button class="aplos-donation-button button3c" data-widget-id="8E6E7677808246DDC92944A5A6C15DBE">Donate</button> <script type="text/javascript" src="https://cdn.aplos.com/widgets/donations/1.0.2/donations.min.js"></script> 

I need to center it on the home (or any) page please. Our previous company allowed us to attach to all pages, always in the same spot AND you could begin donation on one of our pages - navigate wherever you'd like - and then finish when ready. It was awesome. 

How can I adjust this new widget? Thank you for your help!

9 minutes ago, HereAndThere said:

Hi, 

I'm new to this forum. Our church has changed our 3rd party donation "hosting" platform. (It is now thru Aplos if that helps anyone.) 

The widget code they gave us is this: 

<!-- Example button code using button style 3c --> <link rel="stylesheet" href="https://cdn.aplos.com/css/styles/2.21.3/donation-resources.css"> <button class="aplos-donation-button button3c" data-widget-id="8E6E7677808246DDC92944A5A6C15DBE">Donate</button> <script type="text/javascript" src="https://cdn.aplos.com/widgets/donations/1.0.2/donations.min.js"></script> 

 

I need to center it on the home (or any) page please. Our previous company allowed us to attach to all pages, always in the same spot AND you could begin donation on one of our pages - navigate wherever you'd like - and then finish when ready. It was awesome. 

 

How can I adjust this new widget? Thank you for your help!

add this to design - custom css may help

.aplos-donation-button {
    margin: 0 auto;
    display: block;
}

9 minutes ago, bangank36 said:

add this to design - custom css may help

.aplos-donation-button {
    margin: 0 auto;
    display: block;
}

Thank you for your response! *Where* do I include what you mentioned? At the end of the supplied code? 

7 hours ago, HereAndThere said:

Thank you for your response! *Where* do I include what you mentioned? At the end of the supplied code? 

yeah, like so

<style>
.aplos-donation-button {
    margin: 0 auto;
    display: block;
}
</style>

4 hours ago, bangank36 said:

<style>
.aplos-donation-button {
    margin: 0 auto;
    display: block;
}
</style>

It worked! Thank you so much!