How can I adjust and make a button transparent in Dawn Theme?

[sharuka_s]

Just wondering how I would be able to move the button right on top of shop this look? In addition, does anyone know how to make the button transparent? I don't really like the white blocked background 

Thanks! 

[KetanKumar]

@sharuka_s 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[sharuka_s]

Hi there, 

My store URL is the following: https://scrunchiee-sisters.myshopify.com/

Thanks for your help! 

[Dbuglabpvtltd]

Hi @sharuka_s 
Please use this css

.banner__content--middle-center > div:nth-child(1) .banner__buttons {
	float: left;
}
.banner__content--middle-center > div:nth-child(1) {
	left: 0;
	position: absolute;
	bottom: 40px;
	padding: 0;
}

[KetanKumar]

@sharuka_s 

thanks for url can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/section-image-banner.css ->paste below code at the bottom of the file.

@media screen and (min-width: 750px){
#shopify-section-template--15478907338933__1651089668284e9246 .banner__content.banner__content--middle-center.page-width {
    position: absolute;
    bottom: 0;
}
}

[sharuka_s]

Hi!

Thank you so much, this worked. For some reason I'm having this issue now, the photo is being cut off. Would you be able to guide me through this?

[KetanKumar]

@sharuka_s 

sorry but your image smaller 

https://cdn.shopify.com/s/files/1/0558/7081/6437/files/Add_a_subheading_2048_x_2048_px.png?v=1651090...