# Visual Editor Help **URL:** https://forum.builder.io/c/editor/25.md [Latest](https://forum.builder.io/latest.md) · [Categories](https://forum.builder.io/categories.md) · [Tags](https://forum.builder.io/tags.md) --- ## [Can someone help me with the following ? Cant see how to fix it](https://forum.builder.io/t/can-someone-help-me-with-the-following-cant-see-how-to-fix-it/1914)
**Author:** [@ecomsniper770](https://forum.builder.io/u/ecomsniper770)\ **Replies:** 16\ **Last updated:** [July 1, 2022, 2:32pm UTC](https://forum.builder.io/t/can-someone-help-me-with-the-following-cant-see-how-to-fix-it/1914 "2022-07-01T14:32:02Z")
Hello everyone ! im creating my first site on builder , can you please please check attached file , that describes what im struggling with! I cant solve this , dont know what i did wrong , other than copy and paste? I… --- ## [I can't seem to change anything properly (as shown in tutorials) in the Nik Sharma Landing Page template](https://forum.builder.io/t/i-cant-seem-to-change-anything-properly-as-shown-in-tutorials-in-the-nik-sharma-landing-page-template/1087)
**Author:** [@SFDANA](https://forum.builder.io/u/SFDANA)\ **Replies:** 19\ **Last updated:** [July 2, 2026, 4:40pm UTC](https://forum.builder.io/t/i-cant-seem-to-change-anything-properly-as-shown-in-tutorials-in-the-nik-sharma-landing-page-template/1087 "2026-07-02T16:40:15Z")
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 Builder … --- ## [Builder in custom code is not defined](https://forum.builder.io/t/builder-in-custom-code-is-not-defined/2736)
**Author:** [@Richard\_at\_the\_pools](https://forum.builder.io/u/Richard_at_the_pools)\ **Replies:** 11\ **Last updated:** [October 20, 2022, 2:06pm UTC](https://forum.builder.io/t/builder-in-custom-code-is-not-defined/2736 "2022-10-20T14:06:32Z")
I have added some custom code and want to run code on the client side. I have followed the information at Adding custom code in the Builder.io visual editor - Builder.io. However, When I run my code I get the error “Buil… --- ## [Integrating with Shopify](https://forum.builder.io/t/integrating-with-shopify/1569)
**Author:** [@sjoys](https://forum.builder.io/u/sjoys)\ **Replies:** 9\ **Last updated:** [July 6, 2023, 6:48am UTC](https://forum.builder.io/t/integrating-with-shopify/1569 "2023-07-06T06:48:32Z")
I’m wondering if it’s possible to integrate with Shopify without a developer. When I follow integrations\>Shopify\>More Info it takes me to GitHub and the instructions seem more technical than I might have expected. --- ## [React.children.map dont work with repeat for each element](https://forum.builder.io/t/react-children-map-dont-work-with-repeat-for-each-element/3549)
**Author:** [@yuval222](https://forum.builder.io/u/yuval222)\ **Replies:** 13\ **Last updated:** [July 19, 2023, 12:24pm UTC](https://forum.builder.io/t/react-children-map-dont-work-with-repeat-for-each-element/3549 "2023-07-19T12:24:19Z")
Hello, I have registered a custom Swiper component that maps children and creates a swiper slide for each child. Here’s the code: export const Carousel: React.FC\ = ({ children }) =\> { return ( \ **Author:** [@cranetrain](https://forum.builder.io/u/cranetrain)\ **Replies:** 10\ **Last updated:** [October 2, 2024, 12:33pm UTC](https://forum.builder.io/t/tabs-flex-layout/2104 "2024-10-02T12:33:26Z") This is hopefully really dumb … but I can’t figure out how to make the tab headers flex-responsive when they on mobile. What I’d like to do is use the Tabs Layout, but instead of have a slider if there are multiple tab … --- ## [Change carousel from slide to FADE?](https://forum.builder.io/t/change-carousel-from-slide-to-fade/2608)
**Author:** [@maciejlabinski](https://forum.builder.io/u/maciejlabinski)\ **Replies:** 9\ **Last updated:** [September 26, 2022, 5:25pm UTC](https://forum.builder.io/t/change-carousel-from-slide-to-fade/2608 "2022-09-26T17:25:19Z")
I’m using the Slick carousel featured template to show a series of images. How can I change the default SLIDING transition to a FADE transition? Thanks! --- ## [My Site Stopped Working!](https://forum.builder.io/t/my-site-stopped-working/1435)
**Author:** [@joecooldoo](https://forum.builder.io/u/joecooldoo)\ **Replies:** 10\ **Last updated:** [June 30, 2022, 10:02pm UTC](https://forum.builder.io/t/my-site-stopped-working/1435 "2022-06-30T22:02:56Z")
Builder content link Builder.io: Drag and drop page builder and CMS Builder public api key d3ca06c0416441bbab1868314d80b97a What are you trying to accomplish Trying to create template site for a thing I’m developing … --- ## [Adding image (icon) in a CTA like an arrow](https://forum.builder.io/t/adding-image-icon-in-a-cta-like-an-arrow/1894)
**Author:** [@ananya](https://forum.builder.io/u/ananya)\ **Replies:** 13\ **Last updated:** [March 24, 2022, 7:34pm UTC](https://forum.builder.io/t/adding-image-icon-in-a-cta-like-an-arrow/1894 "2022-03-24T19:34:37Z")
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 Builder … --- ## [Credit usage is wildly imbalanced — jumped from 120 to 500 in minutes with no output](https://forum.builder.io/t/credit-usage-is-wildly-imbalanced-jumped-from-120-to-500-in-minutes-with-no-output/15613)
**Author:** [@SeasonedAsh](https://forum.builder.io/u/SeasonedAsh)\ **Replies:** 11\ **Last updated:** [July 6, 2026, 2:23pm UTC](https://forum.builder.io/t/credit-usage-is-wildly-imbalanced-jumped-from-120-to-500-in-minutes-with-no-output/15613 "2026-07-06T14:23:11Z")
I’ve been using Builder.io actively for the past few days, and my AI credits usage has been steady — around 120 credits total across multiple projects over 3–5 days. Today, in the middle of a project, my usage suddenly … --- ## [How to style Recharge subscription widget](https://forum.builder.io/t/how-to-style-recharge-subscription-widget/1993)
**Author:** [@oscarlora](https://forum.builder.io/u/oscarlora)\ **Replies:** 10\ **Last updated:** [May 31, 2022, 6:04pm UTC](https://forum.builder.io/t/how-to-style-recharge-subscription-widget/1993 "2022-05-31T18:04:54Z")
Builder content link: Builder.io: Drag and drop page builder and CMS I want to customize the style of the Recharge subscription widget. This is how the default subscription widget looks like. This is how I want it to l… --- ## [How do I publish a page on ALL Themes?](https://forum.builder.io/t/how-do-i-publish-a-page-on-all-themes/1451)
**Author:** [@Katy](https://forum.builder.io/u/Katy)\ **Replies:** 13\ **Last updated:** [December 15, 2021, 4:55pm UTC](https://forum.builder.io/t/how-do-i-publish-a-page-on-all-themes/1451 "2021-12-15T16:55:59Z")
I’m having an issue where certain pages are staying “attached” to a theme once published. We want all pages to automatically be on all themes. How can I achieve this? Also - the issue is not persistent with every page.… --- ## [How to create a mega menu in the visual editor (no code)](https://forum.builder.io/t/how-to-create-a-mega-menu-in-the-visual-editor-no-code/4394)
**Author:** [@alexcql](https://forum.builder.io/u/alexcql)\ **Replies:** 11\ **Last updated:** [December 19, 2023, 6:33pm UTC](https://forum.builder.io/t/how-to-create-a-mega-menu-in-the-visual-editor-no-code/4394 "2023-12-19T18:33:08Z")
What are you trying to accomplish e.g. I want to build a multi-column, full-width mega menu using the visual editor I’m a UX designer and my design team is still familiarizing themselves with the visual editor. We foun… --- ## [We are having trouble connecting to your site](https://forum.builder.io/t/we-are-having-trouble-connecting-to-your-site/4209)
**Author:** [@anvoids](https://forum.builder.io/u/anvoids)\ **Replies:** 19\ **Last updated:** [September 18, 2023, 6:24pm UTC](https://forum.builder.io/t/we-are-having-trouble-connecting-to-your-site/4209 "2023-09-18T18:24:18Z")
Every time I try to create an entry on my website I keep getting the “We are having trouble connecting to your site” error, even though I’ve already redone the integration about 3 times already. The page loads correctly … --- ## [How to display Yotpo star ratings on Builder product page](https://forum.builder.io/t/how-to-display-yotpo-star-ratings-on-builder-product-page/2028)
**Author:** [@oscarlora](https://forum.builder.io/u/oscarlora)\ **Replies:** 9\ **Last updated:** [November 23, 2022, 4:33pm UTC](https://forum.builder.io/t/how-to-display-yotpo-star-ratings-on-builder-product-page/2028 "2022-11-23T16:33:01Z")
Builder content link Builder public api key a03f2562d472492f9b4fc2fc86ecc5ba What are you trying to accomplish I want to display Yotpo star ratings on the product page I’m building with Builder. I copied the code f… --- ## [Placing a Button over Video](https://forum.builder.io/t/placing-a-button-over-video/4122)
**Author:** [@MikeM](https://forum.builder.io/u/MikeM)\ **Replies:** 12\ **Last updated:** [October 26, 2023, 2:42pm UTC](https://forum.builder.io/t/placing-a-button-over-video/4122 "2023-10-26T14:42:15Z")
I might be doing something wrong but when a button is placed over a video component the button is no longer clickable. Any idea on how I could fix this? --- ## [Sharma cart is off](https://forum.builder.io/t/sharma-cart-is-off/1846)
**Author:** [@pat](https://forum.builder.io/u/pat)\ **Replies:** 10\ **Last updated:** [March 4, 2022, 5:41pm UTC](https://forum.builder.io/t/sharma-cart-is-off/1846 "2022-03-04T17:41:01Z")
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… --- ## [Image not loading + image compression issue](https://forum.builder.io/t/image-not-loading-image-compression-issue/1659)
**Author:** [@niki](https://forum.builder.io/u/niki)\ **Replies:** 10\ **Last updated:** [February 7, 2022, 6:24pm UTC](https://forum.builder.io/t/image-not-loading-image-compression-issue/1659 "2022-02-07T18:24:00Z")
Builder content link I’m having two issues with images in our press section for desktop and tablets: the image on the far left for “NBC News” is not showing up. the images on the tablet are being compressed. I’ve tri… --- ## [How can I change the available colors for the rich text editor?](https://forum.builder.io/t/how-can-i-change-the-available-colors-for-the-rich-text-editor/6422)
**Author:** [@wareep](https://forum.builder.io/u/wareep)\ **Replies:** 11\ **Last updated:** [March 22, 2025, 2:19am UTC](https://forum.builder.io/t/how-can-i-change-the-available-colors-for-the-rich-text-editor/6422 "2025-03-22T02:19:42Z")
Hello, What are you trying to accomplish I have registered design tokens for colors. These colors show up when editing through the in-line text editor or when editor color styles, but they do not show up when editing w… --- ## [ATC, Product Prices and Collection links not working on landing page](https://forum.builder.io/t/atc-product-prices-and-collection-links-not-working-on-landing-page/2197)
**Author:** [@ashinn](https://forum.builder.io/u/ashinn)\ **Replies:** 9\ **Last updated:** [June 9, 2022, 3:01pm UTC](https://forum.builder.io/t/atc-product-prices-and-collection-links-not-working-on-landing-page/2197 "2022-06-09T15:01:56Z")
Hi Builder forum, I have a landing page I’m working on that has some issues I can’t quite figure out. There are three shopify product blocks that have multiple errors: ATC button does nothing Product price is display… --- ## [Couldn't preview my Site in visual builder using local host](https://forum.builder.io/t/couldnt-preview-my-site-in-visual-builder-using-local-host/5175)
**Author:** [@Gireesh](https://forum.builder.io/u/Gireesh)\ **Replies:** 13\ **Last updated:** [April 25, 2024, 6:20am UTC](https://forum.builder.io/t/couldnt-preview-my-site-in-visual-builder-using-local-host/5175 "2024-04-25T06:20:07Z")
I build some content in visual editor, so I wanted to preview that content in localhost. I have successfully run the localhost by following Documentation Integrating pages and I used Angular as my frame work. After conne… --- ## [Preload="auto" on Video Component](https://forum.builder.io/t/preload-auto-on-video-component/3707)
**Author:** [@RonHagafny](https://forum.builder.io/u/RonHagafny)\ **Replies:** 9\ **Last updated:** [June 20, 2023, 8:46am UTC](https://forum.builder.io/t/preload-auto-on-video-component/3707 "2023-06-20T08:46:53Z")
I would like to add a preload=“auto” attribute to my video component to let the browser know it’s top priority. How would I be able to achieve that using builder? I tried using HTML Attributes but that one attaches thos… --- ## [Builder.io Editor lag](https://forum.builder.io/t/builder-io-editor-lag/4265)
**Author:** [@phat.huynh](https://forum.builder.io/u/phat.huynh)\ **Replies:** 10\ **Last updated:** [January 9, 2024, 4:29am UTC](https://forum.builder.io/t/builder-io-editor-lag/4265 "2024-01-09T04:29:09Z")
Currently, I use builder.io to build a simple landing page. I’ve integrated with Nextjs and I can preview it on my machine. But the issue is when I update content (remove or insert) in Visual Editor, it only shows on the… --- ## [We are having trouble connecting to your site - I see my website in the builder](https://forum.builder.io/t/we-are-having-trouble-connecting-to-your-site-i-see-my-website-in-the-builder/4459)
**Author:** [@jayman](https://forum.builder.io/u/jayman)\ **Replies:** 9\ **Last updated:** [June 4, 2024, 7:40am UTC](https://forum.builder.io/t/we-are-having-trouble-connecting-to-your-site-i-see-my-website-in-the-builder/4459 "2024-06-04T07:40:26Z")
Hello, I believe that I have followed every step correctly according to the beginners’ guide tutorial but I’m still seeing issues. I can access my website through http://localhost:3000/ and it also shows in the builder … --- ## [Could builder.io team please create some practical tutorial videos on how to use Builder.io to convert designs from Figma into real web UI projects?](https://forum.builder.io/t/could-builder-io-team-please-create-some-practical-tutorial-videos-on-how-to-use-builder-io-to-convert-designs-from-figma-into-real-web-ui-projects/5746)
**Author:** [@steveyang](https://forum.builder.io/u/steveyang)\ **Replies:** 10\ **Last updated:** [June 20, 2024, 9:21am UTC](https://forum.builder.io/t/could-builder-io-team-please-create-some-practical-tutorial-videos-on-how-to-use-builder-io-to-convert-designs-from-figma-into-real-web-ui-projects/5746 "2024-06-20T09:21:59Z")
I recently discovered Builder.io and like it. However, I noticed that Builder.io lacks practical tutorial videos compared to other tools. For example, I have a responsive page and want to convert this page into a Next.j… --- ## [Creating a layout for our client that allows them to change the header and footer elements as they wish](https://forum.builder.io/t/creating-a-layout-for-our-client-that-allows-them-to-change-the-header-and-footer-elements-as-they-wish/6665)
**Author:** [@Umang\_001](https://forum.builder.io/u/Umang_001)\ **Replies:** 9\ **Last updated:** [November 5, 2024, 5:22am UTC](https://forum.builder.io/t/creating-a-layout-for-our-client-that-allows-them-to-change-the-header-and-footer-elements-as-they-wish/6665 "2024-11-05T05:22:49Z")
I’m new to Builder.io, and I want to create a proper login and registration page. This page should include a header, footer, and form. I need to manage the header and footer in Builder.io, while the login and registratio… --- ## [The photo library is not opening and constantly displays a 'loading' state](https://forum.builder.io/t/the-photo-library-is-not-opening-and-constantly-displays-a-loading-state/7104)
**Author:** [@Umang\_001](https://forum.builder.io/u/Umang_001)\ **Replies:** 12\ **Last updated:** [January 27, 2025, 6:41am UTC](https://forum.builder.io/t/the-photo-library-is-not-opening-and-constantly-displays-a-loading-state/7104 "2025-01-27T06:41:58Z")
When I try to add an image to any of my custom components and open the photo library in the builder, it doesn’t display any images. Instead, it keeps showing the builder logo in a constant loading state. which shouldn’t … --- ## [Custom components not showing the Input fields](https://forum.builder.io/t/custom-components-not-showing-the-input-fields/5206)
**Author:** [@kalyan](https://forum.builder.io/u/kalyan)\ **Replies:** 12\ **Last updated:** [April 18, 2024, 3:47am UTC](https://forum.builder.io/t/custom-components-not-showing-the-input-fields/5206 "2024-04-18T03:47:46Z")
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. Buil… --- ## [Drag-and-Drop Editor Works in Local but Not in Production (Next.js 15 + ShadCN Integration)](https://forum.builder.io/t/drag-and-drop-editor-works-in-local-but-not-in-production-next-js-15-shadcn-integration/15669)
**Author:** [@designintavo](https://forum.builder.io/u/designintavo)\ **Replies:** 17\ **Last updated:** [August 20, 2025, 7:49am UTC](https://forum.builder.io/t/drag-and-drop-editor-works-in-local-but-not-in-production-next-js-15-shadcn-integration/15669 "2025-08-20T07:49:47Z")
I’m reaching out because we’ve been running into an issue where the Builder drag-and-drop editor works fine locally but does not function in our production deployment on Vercel. I’d like to provide a detailed breakdown o… --- ## [Project visual changes not applying](https://forum.builder.io/t/project-visual-changes-not-applying/15555)
**Author:** [@nickrobs](https://forum.builder.io/u/nickrobs)\ **Replies:** 11\ **Last updated:** [August 21, 2025, 3:41pm UTC](https://forum.builder.io/t/project-visual-changes-not-applying/15555 "2025-08-21T15:41:59Z")
Builder public api key ad0dc1eec2984634a368bcd9aa8f0b81 What are you trying to accomplish Some text and objects are not aligning properly Having some issues with responsive design My website appears differently on th… --- ## [Page shows up fine on localhost or when deployed but not in the Visual Editor](https://forum.builder.io/t/page-shows-up-fine-on-localhost-or-when-deployed-but-not-in-the-visual-editor/6113)
**Author:** [@naren](https://forum.builder.io/u/naren)\ **Replies:** 9\ **Last updated:** [August 15, 2024, 2:26am UTC](https://forum.builder.io/t/page-shows-up-fine-on-localhost-or-when-deployed-but-not-in-the-visual-editor/6113 "2024-08-15T02:26:39Z")
@manish-sharma This sounds similar to other problems (but also not quite the same) so perhaps this is easy to shed light on. I am using Next.js 14.0. The following works correctly on http://localhost:3000 or on a depl… --- ## [Embed element with dynamic state.url](https://forum.builder.io/t/embed-element-with-dynamic-state-url/6091)
**Author:** [@Florian](https://forum.builder.io/u/Florian)\ **Replies:** 10\ **Last updated:** [August 10, 2024, 5:05pm UTC](https://forum.builder.io/t/embed-element-with-dynamic-state-url/6091 "2024-08-10T17:05:10Z")
I have a dynamic url for a miro.com board that I want to embed in a builder.io cms page, where the url rendering for some reason does not work. If I hardcode the url in the custom code block/ embed block it works fine. I… --- ## [How do I remove horizontal scroll?](https://forum.builder.io/t/how-do-i-remove-horizontal-scroll/1045)
**Author:** [@praveen67084](https://forum.builder.io/u/praveen67084)\ **Replies:** 3\ **Last updated:** [October 30, 2023, 9:49am UTC](https://forum.builder.io/t/how-do-i-remove-horizontal-scroll/1045 "2023-10-30T09:49:19Z")
I am facing an issue is that I creating a landing page using builder drag and drop elements so I get a horizontal scroll which I don’t want and I try a lot to remove that but couldn’t find any solution. Please help! Bui… --- ## [How to create a parallax scrolling effect](https://forum.builder.io/t/how-to-create-a-parallax-scrolling-effect/335)
**Author:** [@maddy](https://forum.builder.io/u/maddy)\ **Replies:** 6\ **Last updated:** [July 6, 2022, 4:03pm UTC](https://forum.builder.io/t/how-to-create-a-parallax-scrolling-effect/335 "2022-07-06T16:03:20Z")
In this example, we will create a parallax scrolling effect on a background image. To do so: Add a background image to your box or section in the background section in the styles tab While in the styles tab, scroll dow… --- ## [How to set base design tokens](https://forum.builder.io/t/how-to-set-base-design-tokens/1061)
**Author:** [@Dustin-gf](https://forum.builder.io/u/Dustin-gf)\ **Replies:** 8\ **Last updated:** [January 8, 2025, 3:51pm UTC](https://forum.builder.io/t/how-to-set-base-design-tokens/1061 "2025-01-08T15:51:15Z")
Hello, I am currently exploring Builder.io’s visual editor. I was wondering if there is a way to set base design tokens (e.g. color, padding, and margin scales) and how to apply these tokens to the built-in components … --- ## [Video play/pause on hover?](https://forum.builder.io/t/video-play-pause-on-hover/1578)
**Author:** [@masynthetic](https://forum.builder.io/u/masynthetic)\ **Replies:** 2\ **Last updated:** [January 14, 2022, 1:25am UTC](https://forum.builder.io/t/video-play-pause-on-hover/1578 "2022-01-14T01:25:42Z")
Hello, it is my first day using builder. I am trying to make my video play on hover, and stop on leave. Like the YouTube hover preview. I am not finding this to be doable within the visual editor(animate), am I missing a… --- ## [Using named slots in Custom Components](https://forum.builder.io/t/using-named-slots-in-custom-components/3956)
**Author:** [@marinelbg](https://forum.builder.io/u/marinelbg)\ **Replies:** 4\ **Last updated:** [September 11, 2024, 10:02am UTC](https://forum.builder.io/t/using-named-slots-in-custom-components/3956 "2024-09-11T10:02:32Z")
Hi, Is it possible to use named slots in the custom components in the visual editor ? Let’s say for example, i have a component like so (in Vue): \ \ \