Writing on top of banner

I would like to add the following Donate button on my banner, below the text that says " A village of Passion, Purpose and Prosperity. Can you point me in the right direction on how to do this?

donate image

Thank you.

Hello There,

Thanks for writing in! Because what you are trying to accomplish requires a template customization, we would highly to suggest that you use a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

After the child theme is set up, please add the following code in your child theme’s functions.php file

// Add a button below the logo
// =============================================================================
function add_custom_button(){ ?>
  <div class="custom-button" style="position: absolute; bottom: 20px; right: 20px;">
    <a href="https://www.aplos.com/aws/give/WILSONTEMPLEUNITEDMETHODISTCHURCH" rel="nofollow noopener"><img src="https://www.aplos.com/images/aplos/dm/donate-blue.png" alt="donate image" width="121" height="31"></a>

<?php }
add_action('x_after_view_global__brand', 'add_custom_button');
// =============================================================================

And a custom css is also needed to be added in your child theme’s style.css

.x-logobar .x-container.max.width {
  position: relative;

To save you some time, I went ahead and made the changes possible. This is how it looks now:

If you need anything else, please let us know.

Please see my secure note. Thank you.

Hello There,

Thanks for updating in! It is done.

Please check your site now.

Thank you.

You are welcome!