How do I make all buttons on my site straight and not slanted like the default Shopify Impulse theme comes with?
Where in the code can I correct this. I searched the CSS code for skew and nothing. Radius doesn’t change it.
-
Find the CSS selector for buttons: Locate the CSS selector that targets the buttons in your theme. This could be a class or an ID assigned to the buttons. For example, it could be
.btnor#button. -
Adjust the CSS for the buttons: Apply CSS properties to remove the slanting effect and make the buttons straight. Here’s an example of the CSS code you can add to your theme’s stylesheet or within the
<style>tags in the appropriate Liquid section:
.btn {
transform: none !important;
}
In the above code, the transform property is set to none !important for the button class. This will override any existing transformations, such as slanting or skewing effects, applied to the buttons.
