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

Store Design
1

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.

2

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.

3

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.)

4

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:

Screenshot.png
Screenshot.png880×295 2.39 KB

Hope it helps!

5

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

1 Like
6

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.