How can I customize text and button on my Locksmith page?

[kdigitalstudio]

I would love to be able to customize the text and button for the locksmith page on my site. How can I do this?

The current settings for Locksmith are less than ideal.

[LitCommerce]

Hi @kdigitalstudio,

Can you explain more about it, what are you trying to change?

Please send your site and if your site is password protected, please send me the password. I will check it.

[kdigitalstudio]

Here's the page: https://kdigitalstudio.com/pages/freebies

I am trying to change the styling of the button (right now, it's not conducive for people to use), and possibly the text (center, font-size, etc.)

[LitCommerce · Accepted solution]

Hi @kdigitalstudio,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

#locksmith-passcode-form {
	text-align: center !important;
}
#locksmith-passcode-form .btn {
    color: #fff !important;
}

it will show like this:

Hope it helps!

[kdigitalstudio]

Great, thank you! I am able to code the rest to my liking. I always struggle finding the target. Thanks again!

[magecomp]

Hello @kdigitalstudio 

With a Locksmith app, you might need to edit the website code directly. This can involve editing HTML, CSS, or even some platform-specific scripting languages.

Do you have tried the Shoplock App? That's an alternative to locksmith and cost effective.