Help needed adding Convertkit modal pop-up to a button in Hero section

Hi

I’m trying to embed a Convertkit modal pop-up to a button in the slider’s hero image but not getting very far!

I have two ‘issues’:

1. I’m trying to embed a Github code used by my theme’s creator and want to inherit the theme’s style so not have to configure one from scratch using the shortcode option (ideally):
BUTTON NAME

I’ve made it appear in the style ok but it won’t centre in middle of hero no matter what code or visual placement i’ve tried…suggestions?

2. The modal just won’t work and i’m not sure how or where to add the appropriate bits given the fields available and what i have to work with from convertkit. For the record I can easily do this normally in text view but if i switch to this i’ll obviously lose Sitorigin edits…so not an option.

These are the fields in the ‘Other attributes and CSS’ module:

Button ID
Button Classes
Title attribute
Onclick
Rel attribute

This is all i have from Convertkit:

JS to embed anywhere on page to launch modal:

Link: Your link text

My question is how do i translate the given Convertkit elements to create a button native to my theme’s style that successfully launches the modal (using the fields available to me in Siteorigin). ie what should i put in each field to make the darn modal work!

Any suggestions hugely appreciated : )

Thanks