How do I change the font of the customer login on my website?

Store Design
,
1

Hi I can’t figure out how to change the font of where it says " Log In" or “create account” when you click the hamburger icon. It stands out and is not the same font as "Shop’’ and “Blog”

Also when you click on it, I can’t figure out how to change the font / color of "return to your store’ “forgot password” “create account” …Anyone know how to do this?

This is the boundless theme

my website: www.glowear.cc

2

@mikegiannicoent - add this css to the very end of your theme.scss file and check

.drawer-nav__item--secondary a {font-family: Quantico,sans-serif;}

suyash1_0-1677031476355.png
suyash1_0-1677031476355.png1366×768 176 KB

3

@mikegiannicoent - also add this css too

#customer_login a {
    color: #000;
    font-family: Quantico,sans-serif;
}

suyash1_1-1677031610701.png
suyash1_1-1677031610701.png1366×768 72.6 KB

4

Hello @mikegiannicoent ,

It’s the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1677035611901.png
GemPages_0-1677035611901.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

Let us know how it works for you.

Best regards,
GemPages Support Team

5

Hi @mikegiannicoent ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.scss->paste below code at the bottom of the file:

.drawer-nav__item--secondary a {
    font-family: Quantico,sans-serif;
}

.form-vertical p a,
#HideRecoverPasswordLink,
#create_customer a {
    font-family: Quantico,sans-serif;
    color: #000;
}

PageFlyRichard_0-1677074377439.png
PageFlyRichard_0-1677074377439.png1380×832 24.8 KB

PageFlyRichard_1-1677074403797.png
PageFlyRichard_1-1677074403797.png782×408 6.68 KB

PageFlyRichard_2-1677074418738.png
PageFlyRichard_2-1677074418738.png786×452 7.06 KB

I hope it would help you
Best regards,

Richard | PageFly

6

Hi, It worked ! However the “Return to Store” when clicking create account is not bold font like the “Return to Store” that comes up when clicking on “Log In”

Please see pictures attached and if you found a solution. Thanks!

7

Hi @mikegiannicoent ,

Please give it a try with this new solution:

Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.scss->paste below code at the bottom of the file:

.form-vertical p a,
#HideRecoverPasswordLink,
#create_customer a {
    font-family: Quantico,sans-serif;
    color: #000;
    font-weight: bold;
}

I hope it would help you

Best regards,

Richard | PageFly