How to alter the color of a cover photo button?

Topic summary

A user seeks to change their cover photo button from white outline to black outline while maintaining the outline style (not filled). The text and white border need to be modified to black.

Two solutions provided:

Both GemPages Support Team and PageFly-Victor offered similar approaches:

  • Navigate to Online Store > Themes > Edit code
  • Open the theme.liquid file
  • Paste custom CSS code above the </head> tag

Both support teams included screenshots and code snippets to guide the implementation, though the actual CSS code appears garbled in the conversation text. The solutions focus on adding custom styling to override the current button appearance.

Status: Awaiting user confirmation on whether the provided solutions resolved the issue.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.

Hello,

How do I make the outline button on my cover photo black. I still want it as outline: ie. just the white text and the white edge should be changed.

Website: www.sevenaswim.com

Thank you

Hello @sevenes ,

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

Is this the button that you want to change the color to black?

If it’s what you mean. 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

  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

Hi @sevenes

This is Victor from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Victor | PageFly