Can someone help me add some buttons to my website?

Store Design

Topic summary

A user needs help adding custom HTML code to their Shopify announcement bar. The code includes:

  • NiftyKit Components library script import
  • Web3 modal styling with z-index properties
  • An API key configuration

Proposed Solutions:

Multiple respondents suggested the same approach:

  1. Navigate to Themes → Edit Code → Sections
  2. Locate and open the announcement-bar.liquid file
  3. Add the custom HTML/CSS code to the bottom of this file

Note: The conversation text appears partially corrupted or reversed in places, making some technical details difficult to parse. The core issue involves integrating third-party web3/NFT components into a Shopify theme’s announcement bar section.

Status: The discussion remains open with community members awaiting confirmation that the solution worked.

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

I have custom HTML I need to place on the announcement bar.

.web3modal-modal-lightbox { z-index: 999 !important; } .web3modal-modal-container { z-index: 999 !important; } .web3modal-modal-card { z-index: 999 !important; }

This is the example ^^
My website is augment.vision

1 Like
2

Hi @Augment
You can try follow this path:
Themes => edit code => section => announcement-bar.liquid
and add this code to bottom of the file announcement-bar.liquid

3

@Augment

yes, please share us announcement bar code so i will check and update

4

Hello @Augment

I would like to give you the recommendation to support you so kindly follow steps below:

  1. Go to your Online store > Themes > Edit code
  2. Open your announcement-bar.liquid and add the code

I hope the above is useful to you.
Best regards,
GemPages Support Team