Can't change button outline colour - theme: CRAVE (free)

Hi,

I am new to shopify and am struggling to change the ‘outline button’ colour via either the Store Settings → colour (pic 1) OR via the multicolumn theme settings (pic 2).

For some reason, the border colour displays as black despite being set to gold. Does anyone know why that is? I would like it to be gold so it stands out against the black background. The theme is a free shopify theme ‘Crave’.

Shopify support directed me here as he said I will need ‘advanced code’ in order to change this button’s colour.

Thank you for any assistance you can provide.

@Hensolo please share your store link

Thanks

Hello.
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

https://8e209e-0f.myshopify.com/

@Hensolo

  • Here is the solution for you
  • Please follow these steps:

  • Then find the base.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.multicolumn .button {
border: var(--text-boxes-border-width) solid rgba(var(--color-foreground), var(--text-boxes-border-opacity)) !important;
}
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like