Repositioning code in a block

Site URL: https://www.shemadeceramics.com/hometest

Hello!

I injected code to put a down arrow on a video on my homepage, but I'd like it to be oriented at the bottom of the video, not in the center. Can someone help me create some code that will move this arrow down a bit?

Here's the link: https://www.shemadeceramics.com/hometest

Thank you in advance for your help!

The url doesn't exist. Can you check it again?

@tuanphan Thanks for your reply! I changed the URL when the site went live. It's now just www.shemadeceramics.com. I moved the arrow to the right for now, but I would still like it at the bottom of the page!

Another question, I'm using the zoom feature on the images on my product pages, but when I click to zoom in, it's difficult to see the parts of the photos that I want to view close up. It tends to zoom in on the background, and not the actual product. Is there a fix for this?

Thanks again for you help!

On 11/18/2021 at 11:44 PM, kayleyvdb said:

@tuanphan Thanks for your reply! I changed the URL when the site went live. It's now just www.shemadeceramics.com. I moved the arrow to the right for now, but I would still like it at the bottom of the page!

Another question, I'm using the zoom feature on the images on my product pages, but when I click to zoom in, it's difficult to see the parts of the photos that I want to view close up. It tends to zoom in on the background, and not the actual product. Is there a fix for this?

Thanks again for you help!

Add to Design > Custom CSS

a#scroll {
    position: relative;
    bottom: -10vmax;
}