Changing Button Collour from Subliminator

Store Design
1

Hi Community,

i have a big problem. I am offering customizable Hoodies for Dogs from “Subliminator”. And the button “personalise and buy” is to small and not an eyecatcher for customers. I watched different videos to change this style button but no success. because i cant find the theme.css in my code. Can anyone help me out here?

I wrote to shopify support 2 times allready but no answer.

when i inspect the code button than this appears:

Personalise and Buy

this is the css:

  1. appearance: auto;
  2. -webkit-writing-mode: horizontal-tb !important;
  3. font-style: ;
  4. font-variant-ligatures: ;
  5. font-variant-caps: ;
  6. font-variant-numeric: ;
  7. font-variant-east-asian: ;
  8. font-weight: ;
  9. font-stretch: ;
  10. font-size: ;
  11. font-family: ;
  12. text-rendering: auto;
  13. color: -internal-light-dark(black, white);
  14. letter-spacing: normal;
  15. word-spacing: normal;
  16. line-height: normal;
  17. text-transform: none;
  18. text-indent: 0px;
  19. text-shadow: none;
  20. display: inline-block;
  21. text-align: center;
  22. align-items: flex-start;
  23. cursor: default;
  24. box-sizing: border-box;
  25. background-color: -internal-light-dark(rgb(239, 239, 239), rgb(59, 59, 59));
  26. margin: 0em;
  27. padding: 1px 6px;
  28. border-width: 2px;
  29. border-style: outset;
  30. border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
  31. border-image: initial;

}

I hope someone can help me.

Bildschirmfoto 2022-01-19 um 15.03.30.png
Bildschirmfoto 2022-01-19 um 15.03.30.png1492×690 96.5 KB

1 Like
2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

https://www.doggyhoods.com

i think you dont need the password.

thank you very much for your support

1 Like
4

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
button.btn.sbl-personalize-opener {
justify-content: center;
align-items: center;
box-sizing: border-box;
font: inherit;
padding: 0.9rem 3rem 1.1rem;
text-decoration: none;
border: 0.1rem solid transparent;
border-radius: 0;
background-color: rgba(var(--color-button),var(--alpha-button-background));
box-shadow: 0 0 0 0.1rem rgba(var(--color-button),var(--alpha-button-border));
color: rgb(var(--color-button-text));
min-width: 12rem;
min-height: 4.5rem;
transition: box-shadow var(--duration-short) ease;
-webkit-appearance: none;
}

Screenshot :- https://image.prntscr.com/image/gQ4t2J04REmNJZKUel_N6w.png

5

this is great. thank you so much, i was suggesting allready that this is
the solution but i was not sure. Thank you so much you saved my day :wink: