Create a button to open a new page for an inline form

Store Design

Topic summary

A user seeks help creating a button on their Custom Work page (Dawn Theme 15.0.2) that opens a new page with an inline form.

Solution provided:

  • Add an HTML anchor tag with class “custom-form-button” to the Custom Work page, linking to the form page URL
  • Create a new page in Shopify admin to host the inline form
  • Style the button by adding CSS code to the base.css file

Issue encountered:
The button initially appeared as underlined text, then displayed with black text on a black background, making it unreadable.

Resolution:
The helper provided updated CSS with !important flag added to the color property to override conflicting styles. This successfully created a visible black button with white text and hover effects.

The implementation was confirmed working by the original poster.

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

Hi Shubham,

Thanks so much for your help. I was able to create the button, but it is currently in the form of underlined text. I put in the code you suggested to the base.css to style the button but it did not seem to have an effect. Do you know how I can make the underlined text into a black button with white text?

https://studioaccomplice.com/pages/custom-work