Happening now | Shopify Community AMA: User Research with CXL | Ask your questions now!

Fix Button Layout

Solved

Fix Button Layout

chichi0114
Shopify Partner
43 0 10

Hi,

 

I want my 'back to login button' to follow the same layout as my submit buttons for the login form.

https://the-triangle-club.myshopify.com/account/login

https://the-triangle-club.myshopify.com/pages/password-change-request-submitted

I
 was wondering how I can do this?

Thank you,

Chichi0114

 

Accepted Solution (1)

DaisyVo
Shopify Partner
4385 486 579

This is an accepted solution.

Hi @chichi0114 

 

In order to fulfill your request, please follow these steps
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head>

 

{% style %}
{% if page.id == 104620294237 %}
.rich-text__buttons {
    background: #DDD2CB;
    cursor: pointer;
}
.rich-text__buttons > a {
    background: transparent !important;
    color: black !important;
}
.rich-text__buttons > a::after {
    box-shadow: none !important;
}
.rich-text__buttons:hover {
    background: #B0A28B;
}
{% endif %}
{% endstyle %}


Here is the result: 

image_720.png

 

I hope this helps

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

View solution in original post

Replies 3 (3)

DaisyVo
Shopify Partner
4385 486 579

This is an accepted solution.

Hi @chichi0114 

 

In order to fulfill your request, please follow these steps
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head>

 

{% style %}
{% if page.id == 104620294237 %}
.rich-text__buttons {
    background: #DDD2CB;
    cursor: pointer;
}
.rich-text__buttons > a {
    background: transparent !important;
    color: black !important;
}
.rich-text__buttons > a::after {
    box-shadow: none !important;
}
.rich-text__buttons:hover {
    background: #B0A28B;
}
{% endif %}
{% endstyle %}


Here is the result: 

image_720.png

 

I hope this helps

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
chichi0114
Shopify Partner
43 0 10

Hi DaisyVo,

 

Thank you so much :))

Best,

Chichi0114

 

dmwwebartisan
Shopify Partner
12368 2558 3744

@chichi0114 

Please provide the storefront password!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
PageFly App to customize your pages | The most powerful Shopify page builder app