Move Shop Now button to the upper right of the slide show

[ChannelleCerio]

Please see my theme's slideshow. Send me how to move the Shop Now button to the upper right corner of the slideshow.

My theme is VelaTheme.

Store's URL is https://mayweathercreationsllc.com/

Please help ASAP. Someone who can help me, please reply and I'll send you a private message as well

[KetanKumar]

@ChannelleCerio 

sorry for that issue but your store is password protect 

[ChannelleCerio]

Hi, thanks for answering.

Here's the password: dinka

[ChannelleCerio]

@KetanKumar 

[KetanKumar]

@ChannelleCerio 

thanks for detail 

can you please confirm this look

[ChannelleCerio]

@KetanKumar That's right! How can we do that?

[Natztech]

hello @ChannelleCerio 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 @media only screen and (min-width: 1426px)  {
  .velassCaptionInner.text-left {
    position: absolute;
    top: 30%;
    right: -15%;
    transform:translate(-50%,-50%)
  }
  }
@media only screen and (min-width: 999px) and (max-width:1424px){
  .velassCaptionInner.text-left {
    position: absolute;
    top: 30%;
    right: -5%;
    transform:translate(-50%,-50%)
  }
  }

[KetanKumar]

@ChannelleCerio 

thanks for confirming please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/vela-site.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

@media (min-width: 769px) {
.velassCaptionContent.text-left.align-middle {
    vertical-align: text-bottom;
    text-align: right;
    position: relative;
    top: 30px;
}
}