Move date and time to center

Topic summary

A user seeks to center-align a date and time element on their Shopify store, add “New York” text, and reduce the font size to 10px.

Solution Provided:

  • Navigate to Shopify Admin → Online Store → Customize
  • Access Theme Settings → Custom CSS
  • Insert the provided CSS code:
div#time-current {
    text-align: center !important;
}

Current Status:

  • The CSS solution addresses centering the element
  • Screenshot confirms successful center alignment
  • The additional requests (adding “New York” text and 10px font size) remain unaddressed in the response
  • Awaiting confirmation from the original poster on whether the partial solution works
Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

Hi,

I want to move the date and time to center, and if possible display text New York and make font size 10px

https://eftfkw-vc.myshopify.com

Hi @Luxurymrkt ,

You can follow the steps here:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/ypQ7nly2wv27
Step 3: Copy the code below and paste it there

Here is the code for step 3:

div#time-current {
    text-align: center !important;
}

Here is the result:

Please let me know if it works!

Best,

Daisy

1 Like