How do I make the button background a little transparent? And homepage background image larger?

Store Design
, ,
1

I don’t know how to make the homepage image larger. I want the image to all the way down so that it can basically take up the whole page when you open the website.

I also want the “drop one” button to have a slight color to it but it is somewhat transparent. (black with low opacity)

I also I want to make the footer size much smaller since the height is really big.

Lastly, when the website is opened on a phone, the button on the home page “Drop One” is not in the middle of the photo anymore. I want the button to be in the middle just like how it is on a computer.

THE LINK FOR THE WEBSITE: https://askari.store/

2

Hey @askari4p ,

Add the following code to the bottom of you base.css file:

.button, .button-label, .shopify-challenge__button, .customer button {
    opacity: 70% !important;
}

@media (prefers-reduced-motion: no-preference)
.scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
    height: 110% !important;
}
3

hi, what was the second code for? The first one worked so thank you but the second one didnt and I don’t know what its for.

4

The second code supposed to change the banner height.

If our reply was helpful don’t forget to like it and mark as a solution :wink:

5

the banner of the photo section or the footer?