How can I resize a button and maintain its position?

Shopify Discussion
1

Hello I am trying to write code that reduces the button size as well as keeps the button in the same place as the browser window shrinks. Would also love if someone can let me know why adding the color function wont change the font color. Just stays grey. Thanks

Screen Shot 2023-09-26 at 11.36.02 PM.png
Screen Shot 2023-09-26 at 11.36.02 PM.png2024×780 119 KB

2

Hello @Headlok
Its Artzen Technologies! We will be happy to help you today.

Follow the Below Steps:

  1. Go to your Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following CSS at the bottom of the file above 
​

AFTER ADDING ABOVE CSS THE RESULT:

Artzen_tech_0-1695793203045.png
Artzen_tech_0-1695793203045.png1307×569 174 KB

Let me know if need further assistance
Regards,
Artzen Technologies

3

Hello,

Css !important property doesn’t use general purpose. It’s not a good practice. If you are using !important property it can cause more problems for your store.

4

Hi @Headlok

Please provide password as well so I can visit your store and provide a solution.