Please, can anyone show me how I can make the integrated button in my email sign up block to fill up the email input box and have no round edge or corner by the left only, like in the example photo below. my store is aluovi.com. You will find the email opt in block in the footer.
Any help will be greatly appreciated, thanks.
Hi @SageUmeh
Ok dear, please share your store URL and collaborator code with me so I can check and provide you with the proper solution.
Hey @SageUmeh!
I’m not seeing the same sign-up form in the footer of your site. In the global footer I’m seeing an email sign-up form for your newsletter rather than your SMS sign-up form. It looks something like this:
Is there another location we can find that form? Based on the limited context in your screenshot it looks like an Attentive platform signup form or something similar. Are you using a third-party SMS marketing platform for this integration?
Hello @SageUmeh ,
I hope you are well!
This can be done using custom code. Please copy and paste the below code to the top of base.css or theme.css. To find base.css or theme.css, go to Online store >> Themes >> Edit code and search for either base.css or theme.css
Alternatively, if the code didn’t work, copy and paste the code below by going to the Online store >> Themes >> Customize >> Click on Settings icon to the left >> Scroll down to the bottom and paste it to the custom CSS tab.
.email-signup__button–integrated {
–button-offset: var(–margin-xs);
position: absolute;
height: 50px !important;
right: 0 !important;
border-radius: 5px;
top: 0 !important;
}
Thanks, but it didn’t work
Can you please share the screenshot how you added the css?
Okay! So, you need to add the css like the image to the top of the file. Shopify is blocking double -so it is not appearing. Please check the ss and add it to the file. It will definetly work.
Thanks a lot, It worked.
