How to change outline button in dynamic buttons to solid button

Hi,

I would like to change my outline button in dynamic buttons on product page on solid color exactly this one: #1C5EBA. Cuz I don’t see anywhere in Shopify theme editor to change that actually. I would be grateful for help

1 Like

Hi @Alexdontero

Please, share your store URL. Thanks!

Im not sure but the button is already on this color.

No it’s not this product wait I will change also this one to dynamic

You can check right now @Made4uo-Ribe

I get it, try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “theme. Liquid” file. Find the tag and paste the code below before the tag.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like

Hi @Alexdontero

I hope you are well. You can follow our instructions below:

1/ Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
2/ From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
3/ Copy the code below and paste it there

Here is the code for Step 3:

.product-form__buttons > button::after {
    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) #1C5EBA,0 0 0 var(--buttons-border-width) rgba(var(--color-button),var(--alpha-button-background));
}

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

Hi Alexdontero

  • You can try to follow this step
    Step 1: Go to Edit code
    Step 2: Find file base.css and add this code at the end of the file
button#ProductSubmitButton-template--22849660059982__main {
    background: #1C5EBA !important;
}

Result:

Best,
Liz