My shop runs on Dawn theme. The problem is that as you can see in screenshots 1, 2 and 3 is that the button label is shifted from its background. [button 1.PNG] [button 2.PNG] [button 3.PNG] I tried changing the button settings and the colors but it’s still there. While the white buttons are ju…

Paste this code in your base.css or the custom CSS of the section. .button::after { margin-top: 0px; } .button:not([disabled]):hover:after { margin-top: 0px; } I hope this will work. Regards Team_OSC

Hi @itstaza1 Please share your store URL and password.

Thank you for your reply. Here is the url: https://itstaza.com/ It’s published. No password needed

Thank you so much. It worked for the homepage and the cart but not for the product page or customer sign in/register pages

For Product page: .shopify-payment-button__button--unbranded:after { margin-top: 0px; } .shopify-payment-button__button--unbranded:hover:after { margin-top: 0px; } For Login: .customer button:after { margin-top: 0px; } .customer button:hover:after { margin-top: 0px; } For Cart: …

Solid button label shifted from solid button background issue

Store Design

itstaza1 June 24, 2024, 6:43am 7

Thank you so much! It’s all working now except for the product page

Topic		Replies	Views
Misaligned payment buttons… Shopify Discussion troubleshooting	2	15	July 14, 2024
How to fix buttons in dawn theme shopify Store Design design , shopify-themes , troubleshooting	7	56	December 13, 2024
Hide or Remove the "But it Now" Button (Studio Theme) Store Design customizations	10	45	March 26, 2023
Why is the text on my button not visible? Store Design css , cart-page	22	92	April 23, 2023
How can I fix a button border on the Dawn theme? Store Design product-page	5	22	July 18, 2023

Solid button label shifted from solid button background issue

Related topics