How can I center search text?

Store Design
, , , ,

Topic summary

A user seeks help centering the “search” text label in their store’s search input field.

Solution provided:

  • Navigate to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS
  • Add the following CSS code:
input.search__input.input__field input + label.field__label {
    left: 50%;
    transform: translateX(-50%);
}

This CSS applies a horizontal centering transformation to the search field label by positioning it at 50% from the left and translating it back by half its width. The solution includes a screenshot showing the expected result after applying the code.

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

hi folks, how can I center “search” text . please see screen shot for better under standing.

Store link

Thanks

SinghSells_0-1733564782448.png

2

Hi @SinghSells

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
input.search__input.field__input + label.field__label {
    left: 50%;
    transform: translateX(-50%);
}

Here is the result: https://prnt.sc/IKscBLVfc2jz

I hope this helps,

Best,

Daisy