Hi, I am wondering if there is a way to move the textbox to the right hand side using the custom css. Also wondering if I would be able to change the color of the white text box or the transparency of it?
Thank you!
Hi @ANisbet ,
Could you please share your store URL, so that I can help you
Hi @ANisbet
Where we can find this text box in your store? which page? or still not in publish? you can share the preview if you dont mind. Thanks!
Hi, it is not published yet. here is the preview!
Thanks for the info. Check this one.
- From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
- Find the theme that you want to edit and click on “Actions” and then “Edit code”.
- In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
@media only screen and (min-width: 769px)
.map-section__overlay {
left: 60%;
}
.map-section__overlay {
background: transparent;
}
- And Save.
- Result:
oh, okay replace this one then.
@media only screen and (min-width: 769px)
.map-section__overlay {
left: 60% !important;
}
.map-section__overlay {
background: transparent;
}
And Save.
didn’t work either 
**Hi @ANisbet **
Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above tag
.map-section__overlay {
right: 5%;
background-color: transparent;
}
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solutions.
oh sorry I missed some curly bracket.
@media only screen and (min-width: 769px){
.map-section__overlay {
left: 60% !important;
background: transparent !important;
}
}
And Save.
Thank you!!!