# Sharma cart is off **URL:** \ **Category:** Visual Editor Help\ **Tags:** visual-editor, shopify\ **Created:** [March 2, 2022, 5:33pm UTC](https://forum.builder.io/t/sharma-cart-is-off/1846 "2022-03-02T17:33:41Z")\ **Posts on this page:** 11\ **Page:** 1
**Author:** ![pat](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/pat/32/1242_2.png) [@pat](https://forum.builder.io/u/pat)\ **Post date:** [March 2, 2022, 5:33pm UTC](https://forum.builder.io/t/sharma-cart-is-off/1846/1 "2022-03-02T17:33:41Z")
How to fix these circles being off center on shopify? _Please fill out as many of the following questions as possible so we can help you promptly! If you don’t know how to answer or it does not apply, feel free to remove it or leave it blank._ **Builder content link** _e.g. [builder.io/content/4cab34394e684fe7b93d6ef5493a8a51](http://builder.io/content/4cab34394e684fe7b93d6ef5493a8a51)_ ![off](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/2/2f5dd8899720d16cac7ad69c908dc9d408b3cd3e.png) **Builder public api key** _go to [Builder.io: Drag and drop page builder and CMS](https://builder.io/account/organization) and copy your PUBLIC api key_ **What are you trying to accomplish** _e.g. I want to integrate builder on a landing page_ **Screenshots or video link** _Screenshots of your issue, or even better a link to a video of what is happening or what you are trying to accomplish. We love using loom for that sort of thing_ **Code stack you are integrating Builder with** _e.g. NextJS, react, Shopify_ **Reproducible code example** _If you are having integration errors, please link to codesandbox or copy and paste your problematic code here. The more detail the better!_ ---
**Author:** ![sarah](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/sarah/32/1198_2.png) [@sarah](https://forum.builder.io/u/sarah)\ **Post date:** [March 2, 2022, 6:48pm UTC](https://forum.builder.io/t/sharma-cart-is-off/1846/2 "2022-03-02T18:48:24Z")
Do you want to center the text inside these circles, or center the circles themselves? Can you also share the Builder content link for this page? It looks something like: [http://builder.io/content/4cab34394e684fe7b93d6ef5493a8a51](http://builder.io/content/4cab34394e684fe7b93d6ef5493a8a51) ---
**Author:** ![pat](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/pat/32/1242_2.png) [@pat](https://forum.builder.io/u/pat)\ **Post date:** [March 2, 2022, 8:34pm UTC](https://forum.builder.io/t/sharma-cart-is-off/1846/3 "2022-03-02T20:34:00Z")
> **[Builder.io: Drag and drop page builder and CMS](https://builder.io/content/4ad6d156fb364199a332a142508a90fa)** > > Build and optimize digital experiences for any tech stack, visually. Hi yes I want to center the circles and the sizes in the circles please. ---
**Author:** ![sarah](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/sarah/32/1198_2.png) [@sarah](https://forum.builder.io/u/sarah)\ **Post date:** [March 2, 2022, 8:58pm UTC](https://forum.builder.io/t/sharma-cart-is-off/1846/4 "2022-03-02T20:58:25Z")
You can center the text in each circle by selecting the “Option Box” layer and editing the css properties to change ‘display’ to ‘grid’ and adding a new property, ‘placeItems’ and setting it to ‘center’. ![Layers tab](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/f/f0a0569b65b7e06b869f8ffe8572b483c10632da.png) ![Style tab](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/0/0cc82c8286889afd2cf886e237b1fc8a5bb37e22.png) It looks like the circles are already centered on the page, but they are too big to fit on the screen. You can fix this by going into your mobile preview and changing the size of the same “Option Box” layer, for example, to 40px wide and 40px tall. ---
**Author:** ![pat](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/pat/32/1242_2.png) [@pat](https://forum.builder.io/u/pat)\ **Post date:** [March 2, 2022, 9:06pm UTC](https://forum.builder.io/t/sharma-cart-is-off/1846/5 "2022-03-02T21:06:37Z")
How do I get to that menu? ---
**Author:** ![sarah](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/sarah/32/1198_2.png) [@sarah](https://forum.builder.io/u/sarah)\ **Post date:** [March 2, 2022, 10:10pm UTC](https://forum.builder.io/t/sharma-cart-is-off/1846/6 "2022-03-02T22:10:38Z")
In your editor, you can access the CSS Properties in the style tab. > **[Responsive design with Builder.io - Builder.io](https://www.builder.io/c/docs/guides/responsive-design?_host=www.builder.io)** > > Build and optimize digital experiences for any tech stack, visually. You can access your layers in the layers tab. > **[Layers - Builder.io](https://www.builder.io/c/docs/layers)** > > Build and optimize digital experiences for any tech stack, visually. ---
**Author:** ![pat](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/pat/32/1242_2.png) [@pat](https://forum.builder.io/u/pat)\ **Post date:** [March 3, 2022, 2:49am UTC](https://forum.builder.io/t/sharma-cart-is-off/1846/7 "2022-03-03T02:49:13Z")
![css](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/9/9fabdc927114c0f0157b6ca58e898521b5bc7a2b.png) Hi I dont see where I can open CSS under option box? ---
**Author:** ![pat](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/pat/32/1242_2.png) [@pat](https://forum.builder.io/u/pat)\ **Post date:** [March 3, 2022, 3:47pm UTC](https://forum.builder.io/t/sharma-cart-is-off/1846/8 "2022-03-03T15:47:00Z")
HI can you help please. 😀 ---
**Author:** ![sarah](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/sarah/32/1198_2.png) [@sarah](https://forum.builder.io/u/sarah)\ **Post date:** [March 3, 2022, 8:21pm UTC](https://forum.builder.io/t/sharma-cart-is-off/1846/9 "2022-03-03T20:21:54Z")
If you click on the “Option Box” layer in the layers tab, you can edit the styling for that layer in the right side toolbar under “CSS Properties” ![Screen Shot](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/a/ac7bb8b5ddfe31047fe6662462599331de241b0b.png) ---
**Author:** ![pat](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/pat/32/1242_2.png) [@pat](https://forum.builder.io/u/pat)\ **Post date:** [March 3, 2022, 11:14pm UTC](https://forum.builder.io/t/sharma-cart-is-off/1846/10 "2022-03-03T23:14:56Z")
HI Sarah, I had to delete the whole thing because it wouldn’t add to cart. ☹ ---
**Author:** ![sarah](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/sarah/32/1198_2.png) [@sarah](https://forum.builder.io/u/sarah)\ **Post date:** [March 4, 2022, 5:41pm UTC](https://forum.builder.io/t/sharma-cart-is-off/1846/11 "2022-03-04T17:41:01Z")
We would be happy to help you fix that. With a growth plan you can access 30 days of history for your page so you can easily recover your content: [History in Builder.io - Builder.io](https://www.builder.io/c/docs/history) . If you choose to rebuild the section instead, please let us know if you run into this issue again.