Hello, I want to make my "Shop Now’ button on my website off to the right a little bit with a green rectangle around it. This is my website. https://two3solutions.com/
Thank you!!!
Topic summary
Goal: Move the “Shop Now” menu item slightly to the right and add a green rectangle highlight.
Proposed solution: Edit the Shopify theme code.
- Navigate to “Edit Code” and open theme.liquid.
- Paste styling code just below the tag.
- Adjust margin-left (initially suggested at 50px) to fine-tune horizontal positioning.
Notes on implementation:
- “theme.liquid” is the main template file; the section is where global styles/scripts are typically added.
- “margin-left” is a CSS property that adds left spacing; increasing the value moves the button further right.
- The “green rectangle” likely refers to adding a CSS border or background around the button.
Attachments and references:
- A screenshot was provided for placement guidance.
- A code snippet was referenced as the correct content to paste, but it is not visible in the provided text; the screenshot and code are central to applying the fix.
Outcome: The original poster expressed thanks, implying the solution worked. Status appears resolved, with minor adjustments (margin-left value) left to the user’s preference.
Hey @Haden_1 ,
This should work for you 
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
change the “margin-left: 50px” value 50 to a lesser number if it’s too far right. Increase it if you want it to go further.
Screenshot is for reference only, the correct code to paste is the one shown above.
1 Like
Thank you!