Changing Button Design for Fashionopolism

Store Design
, ,

Topic summary

A user is seeking to customize the styling of the “More payment options” button on their product page, finding the default design unstylish.

Current Status:

  • The user provided a reference URL and screenshot showing the button in question
  • Another participant noted that “inspect” is not working, suggesting browser developer tools may be inaccessible

Solution Provided:

  • Dan-From-Ryviu suggested adding custom CSS code to the theme.liquid file
  • Navigation path: Online Store > Themes > Edit code, then insert before the </body> tag

Outstanding Question:

  • The original poster confirmed the styling solution worked but also asked how to change the button text itself, which remains unanswered
Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

Hello!

I am currently working on my product page, and have noticed that the Buttons for “More payment options” looks a tad bit…unstylish. I was wondering if anyone knows a way to change this?

スクリーンショット 2024-12-03 122316.png
スクリーンショット 2024-12-03 122316.png2256×1371 300 KB

For reference:

URL: https://j-beautynatural.com/

Password: nflow001

2

hello @naturalflow

your inspect is not working .

Thanks

3

Please try to add this code to theme.liquid file before in Online Store > Themes > Edit code
1 Like
4

Thank you so much! This is exactly what I wanted!

Sorry to impose, but do you also know how to change the text?