Fix Button Layout

Store Design

Topic summary

A user seeks to match the styling of a ‘back to login’ button with their login form submit buttons across two pages on their Shopify store.

Solution Provided:

  • Insert custom CSS code into the theme.liquid file, placed above the </head> tag
  • The code targets a specific page ID and applies styling to .rich-text__buttons elements
  • Styling includes background colors (#DDD2CB default, #B0A28B on hover), transparent button backgrounds, and removes box shadows

Outcome:

  • The original poster confirmed the solution worked successfully
  • A screenshot was provided showing the result
  • Another user requested the storefront password (likely to provide alternative assistance), but this appears unnecessary as the issue was resolved
Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

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

I was wondering how I can do this?

Thank you,

Chichi0114

2

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 

{% 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
image_720.png720×408 115 KB

I hope this helps

Best,

Daisy

1 Like
3

@chichi0114

Please provide the storefront password!

Thanks!

4

Hi DaisyVo,

Thank you so much :))

Best,

Chichi0114

1 Like