Move CTA left or right

Hey there,

my website is barrymichaelkane.com - I used the info listed at https://wordpress.org/support/topic/adding-title-and-call-to-action-button-in-video-header/ to add a CTA button over my video header.

I used the following code to move the button to where I wanted:

.slide-inner {
    top: auto;
    bottom: 0px;
    margin: 400px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

without realizing it is extending the margin of the page. How do I position the CTA button left or right without extending the width of the page.
Thanks

Hello,

Can you please provide a link to your website and describe what exactly you want to achieve?

Kind Regards, Roman.

Site is https://www.barrymichaelkane.com/

The button on the homepage is where I want it to be, but to accomplish this I needed to extend the margins of the page. How can I move the button left or right without extending the margins?

Hello,

Please try to replace this:

top: auto;
bottom: 0px;
margin: 300px;

…with this:

top: 25%;
width: 50%;
left: unset;

Kind Regards, Roman.

Fantastic, thank you!

You are welcome!

And have a nice day :slight_smile:

Kind Regards, Roman.