# \#styling **URL:** https://forum.builder.io/tag/styling/6.md [Latest](https://forum.builder.io/latest.md) · [Categories](https://forum.builder.io/categories.md) · [Tags](https://forum.builder.io/tags.md) --- ## [Style mismatch between preview and deployment](https://forum.builder.io/t/style-mismatch-between-preview-and-deployment/16040)
**Author:** [@Speekr](https://forum.builder.io/u/Speekr)\ **Replies:** 1\ **Last updated:** [January 16, 2026, 3:11pm UTC](https://forum.builder.io/t/style-mismatch-between-preview-and-deployment/16040 "2026-01-16T15:11:06Z")
We have developed a landing page using builder’s page model, we have deployed it using next.js app router and we have used BuilderComponent to render the page, we have noticed style mismatch between the preview and the d… --- ## [Weird behavior when adding image or background image to a box inside column](https://forum.builder.io/t/weird-behavior-when-adding-image-or-background-image-to-a-box-inside-column/15989)
**Author:** [@fariz](https://forum.builder.io/u/fariz)\ **Replies:** 1\ **Last updated:** [November 28, 2025, 4:51am UTC](https://forum.builder.io/t/weird-behavior-when-adding-image-or-background-image-to-a-box-inside-column/15989 "2025-11-28T04:51:23Z")
Hi, Builder team. So, I got this weird behavior that keeps happening frequently, whenever I want to add an image or background image to a box inside a column. Here are the two main issues. First, Can’t Change the Backg… --- ## [Create Blog page](https://forum.builder.io/t/create-blog-page/15844)
**Author:** [@apatil](https://forum.builder.io/u/apatil)\ **Replies:** 3\ **Last updated:** [November 24, 2025, 3:02pm UTC](https://forum.builder.io/t/create-blog-page/15844 "2025-11-24T15:02:48Z")
I want to create a Blog Page which loads all the blogs in card structure of data model that contain blog title, image, Category, and short description. When a user clicks on Blog card , it should navigate to the detaile… --- ## [Page Structure or template design under pages category](https://forum.builder.io/t/page-structure-or-template-design-under-pages-category/15845)
**Author:** [@apatil](https://forum.builder.io/u/apatil)\ **Replies:** 1\ **Last updated:** [October 17, 2025, 9:16am UTC](https://forum.builder.io/t/page-structure-or-template-design-under-pages-category/15845 "2025-10-17T09:16:29Z")
I want to create a Page template in one particular format for consistent page design under page category(eg- secondary page, blogs, home page, landing page etc). is there any way to follow the same design or declare a de… --- ## [How to get rid of the max width 'max-w-4xl' default page styling on the Page model?](https://forum.builder.io/t/how-to-get-rid-of-the-max-width-max-w-4xl-default-page-styling-on-the-page-model/15753)
**Author:** [@PatriciaJulius](https://forum.builder.io/u/PatriciaJulius)\ **Replies:** 2\ **Last updated:** [September 13, 2025, 9:05pm UTC](https://forum.builder.io/t/how-to-get-rid-of-the-max-width-max-w-4xl-default-page-styling-on-the-page-model/15753 "2025-09-13T21:05:03Z")
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… --- ## [Creating a Carousel That Uses Thumbnails Instead of Dots](https://forum.builder.io/t/creating-a-carousel-that-uses-thumbnails-instead-of-dots/15423)
**Author:** [@cwittner](https://forum.builder.io/u/cwittner)\ **Replies:** 1\ **Last updated:** [July 18, 2025, 11:18am UTC](https://forum.builder.io/t/creating-a-carousel-that-uses-thumbnails-instead-of-dots/15423 "2025-07-18T11:18:07Z")
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.i… --- ## [Edit Builder.io custom code & CSS outside of the Builder GUI](https://forum.builder.io/t/edit-builder-io-custom-code-css-outside-of-the-builder-gui/3157)
**Author:** [@ReavoEnd](https://forum.builder.io/u/ReavoEnd)\ **Replies:** 6\ **Last updated:** [May 7, 2025, 2:40am UTC](https://forum.builder.io/t/edit-builder-io-custom-code-css-outside-of-the-builder-gui/3157 "2025-05-07T02:40:30Z")
For context, I am a web dev with several years experience prior to using Builder.io. Something I miss about my non-Builder.io workflows is the ability to have code open in a separate window. Typically that would be my I… --- ## [Why your style changes aren't working in the visual editor](https://forum.builder.io/t/why-your-style-changes-arent-working-in-the-visual-editor/14468)
**Author:** [@alexander](https://forum.builder.io/u/alexander)\ **Replies:** 0\ **Last updated:** [April 21, 2025, 9:15am UTC](https://forum.builder.io/t/why-your-style-changes-arent-working-in-the-visual-editor/14468 "2025-04-21T09:15:48Z")
You may run into an issue where you try to update the style of a block, like a block of text, but it doesn’t change in your preview. This might seem like a bug with the Visual Editor, but a common culprit is styling c… --- ## [Symbols to 100% height of the non-symbol parent container](https://forum.builder.io/t/symbols-to-100-height-of-the-non-symbol-parent-container/3182)
**Author:** [@RTS](https://forum.builder.io/u/RTS)\ **Replies:** 12\ **Last updated:** [April 11, 2025, 10:43am UTC](https://forum.builder.io/t/symbols-to-100-height-of-the-non-symbol-parent-container/3182 "2025-04-11T10:43:12Z")
Hello, We have a grid layout container that we are filling with symbols, whose uppermost container has a height of 100% in order for all the symbols to be of the height of the tallest symbol in the grid. The problem is… --- ## [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… --- ## [Can I use different style for breakpoints in defaultStyles (registerComponent())?](https://forum.builder.io/t/can-i-use-different-style-for-breakpoints-in-defaultstyles-registercomponent/3252)
**Author:** [@Nastya](https://forum.builder.io/u/Nastya)\ **Replies:** 5\ **Last updated:** [February 25, 2025, 4:42am UTC](https://forum.builder.io/t/can-i-use-different-style-for-breakpoints-in-defaultstyles-registercomponent/3252 "2025-02-25T04:42:40Z")
Hello everybody. When I register a custom component, I use the defaultStyles. Can I use different style for breakpoints? (desktop, tablet and mobile). Large breakpoint is used by default. But if i use defaultStyles: { … --- ## [Content Component Style Overlap Issue](https://forum.builder.io/t/content-component-style-overlap-issue/6844)
**Author:** [@hericlis](https://forum.builder.io/u/hericlis)\ **Replies:** 1\ **Last updated:** [December 19, 2024, 1:27pm UTC](https://forum.builder.io/t/content-component-style-overlap-issue/6844 "2024-12-19T13:27:54Z")
Hello Builder.io Community, I am experiencing a styling issue in my Remix + Hydrogen project using Builder.io. When rendering both a page model and a section model (like a footer) on the same route, the Builder.io style… --- ## [Issue with Launch Modale - video](https://forum.builder.io/t/issue-with-launch-modale-video/6965)
**Author:** [@tomHAVN](https://forum.builder.io/u/tomHAVN)\ **Replies:** 1\ **Last updated:** [December 16, 2024, 9:38am UTC](https://forum.builder.io/t/issue-with-launch-modale-video/6965 "2024-12-16T09:38:20Z")
Hi! I’m having issue with the Launch Modale template on Builder. I’m trying to have a video open (full screen) on click on a small preview, but it doesn’t work. Small preview are playing on my landing page, looped on m… --- ## [How to get "Heading" styles to apply to text](https://forum.builder.io/t/how-to-get-heading-styles-to-apply-to-text/6913)
**Author:** [@alexander](https://forum.builder.io/u/alexander)\ **Replies:** 0\ **Last updated:** [December 9, 2024, 12:25am UTC](https://forum.builder.io/t/how-to-get-heading-styles-to-apply-to-text/6913 "2024-12-09T00:25:15Z")
You may have encountered an issue with the visual editor where, despite applying a “Heading” style in the rich text editor, the style doesn’t apply to your text Although the text looks bigger in the text editor, on t… --- ## [Why aren't the changes in the section modal appearing locally ? still getting previous result while in current draft its working fine?](https://forum.builder.io/t/why-arent-the-changes-in-the-section-modal-appearing-locally-still-getting-previous-result-while-in-current-draft-its-working-fine/6713)
**Author:** [@Umang\_001](https://forum.builder.io/u/Umang_001)\ **Replies:** 0\ **Last updated:** [November 5, 2024, 7:10am UTC](https://forum.builder.io/t/why-arent-the-changes-in-the-section-modal-appearing-locally-still-getting-previous-result-while-in-current-draft-its-working-fine/6713 "2024-11-05T07:10:46Z")
I’ve assigned an ID to a specific logo that I want to render dynamically, but when I inspect it locally, the ID isn’t appearing as expected. Why might this be happening? --- ## [Does BuilderIO Visual Editor support custom Web Components?](https://forum.builder.io/t/does-builderio-visual-editor-support-custom-web-components/6602)
**Author:** [@jason\_hulkman](https://forum.builder.io/u/jason_hulkman)\ **Replies:** 1\ **Last updated:** [October 17, 2024, 2:58pm UTC](https://forum.builder.io/t/does-builderio-visual-editor-support-custom-web-components/6602 "2024-10-17T14:58:50Z")
Does BuilderIO visual editor support my custom Web Components? My design system and GUI modules are based on Web Components. We are looking for a visual tool to develop more complex GUI modules or templates. We found t… --- ## [Is there a way to change the CSS for the individual displayed block options in visual editor via code?](https://forum.builder.io/t/is-there-a-way-to-change-the-css-for-the-individual-displayed-block-options-in-visual-editor-via-code/6478)
**Author:** [@soumya](https://forum.builder.io/u/soumya)\ **Replies:** 1\ **Last updated:** [October 4, 2024, 12:34pm UTC](https://forum.builder.io/t/is-there-a-way-to-change-the-css-for-the-individual-displayed-block-options-in-visual-editor-via-code/6478 "2024-10-04T12:34:44Z")
Is there a way to change the CSS for the individual displayed block options in visual editor via code? --- ## [Tabs flex layout](https://forum.builder.io/t/tabs-flex-layout/2104)
**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 … --- ## [NextJS Prop \`className\` did not match](https://forum.builder.io/t/nextjs-prop-classname-did-not-match/3958)
**Author:** [@rafill](https://forum.builder.io/u/rafill)\ **Replies:** 6\ **Last updated:** [September 30, 2024, 8:13pm UTC](https://forum.builder.io/t/nextjs-prop-classname-did-not-match/3958 "2024-09-30T20:13:43Z")
Getting the following error when attempting to register a custom component in my codebase: Warning: Prop \`className\` did not match. Server: "builder-block builder-pixel-2czpttjoqi2 css-1mvsfya" Client: "builder-block … --- ## [Is there a way to group block options in Visual Editor and also reduce the space occupied by individual options (like in style tab))](https://forum.builder.io/t/is-there-a-way-to-group-block-options-in-visual-editor-and-also-reduce-the-space-occupied-by-individual-options-like-in-style-tab/6477)
**Author:** [@soumya](https://forum.builder.io/u/soumya)\ **Replies:** 1\ **Last updated:** [September 30, 2024, 11:49am UTC](https://forum.builder.io/t/is-there-a-way-to-group-block-options-in-visual-editor-and-also-reduce-the-space-occupied-by-individual-options-like-in-style-tab/6477 "2024-09-30T11:49:03Z")
Is there a way to group block options in Visual Editor and also reduce the space occupied by individual options (like in style tab)) . --- ## [How to Change Default Styles for Headings in Builder.io?](https://forum.builder.io/t/how-to-change-default-styles-for-headings-in-builder-io/6090)
**Author:** [@yourator](https://forum.builder.io/u/yourator)\ **Replies:** 1\ **Last updated:** [August 12, 2024, 9:35am UTC](https://forum.builder.io/t/how-to-change-default-styles-for-headings-in-builder-io/6090 "2024-08-12T09:35:51Z")
I’m looking for a way to modify the default styles for headings in Builder.io. Currently, every time I change a paragraph to an h1, h2, or any other heading, the layout changes, and I need to manually adjust the color an… --- ## [Deploy builder.io to vercel](https://forum.builder.io/t/deploy-builder-io-to-vercel/6139)
**Author:** [@Kenz](https://forum.builder.io/u/Kenz)\ **Replies:** 2\ **Last updated:** [August 20, 2024, 8:43am UTC](https://forum.builder.io/t/deploy-builder-io-to-vercel/6139 "2024-08-20T08:43:07Z")
Is there a way to deploy directly from Builder.io to Vercel without having to download the code? I’m facing issues when generating the code; it’s not as I expected, and it leads to many errors as well as failure to retri… --- ## [Default Accordion builder option does not work?](https://forum.builder.io/t/default-accordion-builder-option-does-not-work/6052)
**Author:** [@Terea](https://forum.builder.io/u/Terea)\ **Replies:** 3\ **Last updated:** [July 29, 2024, 6:53am UTC](https://forum.builder.io/t/default-accordion-builder-option-does-not-work/6052 "2024-07-29T06:53:52Z")
I played around with builder.io default builder but when i tried to add accordion, i cannot see where to edit so it can have items when I click it? and there is no plus sign?! --- ## [Finding Difficulty to change the Font Type](https://forum.builder.io/t/finding-difficulty-to-change-the-font-type/6008)
**Author:** [@ThirstyJSON](https://forum.builder.io/u/ThirstyJSON)\ **Replies:** 1\ **Last updated:** [July 17, 2024, 6:34am UTC](https://forum.builder.io/t/finding-difficulty-to-change-the-font-type/6008 "2024-07-17T06:34:29Z")
We are finding difficulty while changing the font type, after changing the font type, it sticks to the old font type, doesn’t change to the actual font we selected at the moment. It is taking time as well as after few ti… --- ## [Custom component fro table with api data](https://forum.builder.io/t/custom-component-fro-table-with-api-data/5863)
**Author:** [@amanuel.tadesse](https://forum.builder.io/u/amanuel.tadesse)\ **Replies:** 2\ **Last updated:** [July 2, 2024, 5:31pm UTC](https://forum.builder.io/t/custom-component-fro-table-with-api-data/5863 "2024-07-02T17:31:49Z")
What are you trying to accomplish i want to add a custom component for tables and my data is coming from api Screenshots or video link the problem am facing is the style of the table might be different and all of t… --- ## [Unable to Style Headings in Rich Text](https://forum.builder.io/t/unable-to-style-headings-in-rich-text/5742)
**Author:** [@bcaylor10](https://forum.builder.io/u/bcaylor10)\ **Replies:** 3\ **Last updated:** [June 6, 2024, 6:22pm UTC](https://forum.builder.io/t/unable-to-style-headings-in-rich-text/5742 "2024-06-06T18:22:18Z")
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 … --- ## [Disabling Default Styling](https://forum.builder.io/t/disabling-default-styling/1544)
**Author:** [@TimG](https://forum.builder.io/u/TimG)\ **Replies:** 2\ **Last updated:** [May 16, 2024, 11:02am UTC](https://forum.builder.io/t/disabling-default-styling/1544 "2024-05-16T11:02:27Z")
By default, Builder applies default styles to components that are added to a page or section within Builder. These default styles help keep things in order and looking tidy, and are usually low impact, but sometimes user… --- ## [Site theme data model that uses CSS variables](https://forum.builder.io/t/site-theme-data-model-that-uses-css-variables/5323)
**Author:** [@joshuafbarker](https://forum.builder.io/u/joshuafbarker)\ **Replies:** 3\ **Last updated:** [April 26, 2024, 11:41am UTC](https://forum.builder.io/t/site-theme-data-model-that-uses-css-variables/5323 "2024-04-26T11:41:47Z")
What are you trying to accomplish I am looking to create a global data model that provides a list of css variables to apply to Text and Box backgrounds. I have been able to do this through custom components just fine bu… --- ## [Builder Editor Styling: Customizing Buttons, Text, and More by Targeting User-Agents(WebView)](https://forum.builder.io/t/builder-editor-styling-customizing-buttons-text-and-more-by-targeting-user-agents-webview/5421)
**Author:** [@manish-sharma](https://forum.builder.io/u/manish-sharma)\ **Replies:** 0\ **Last updated:** [April 22, 2024, 8:18pm UTC](https://forum.builder.io/t/builder-editor-styling-customizing-buttons-text-and-more-by-targeting-user-agents-webview/5421 "2024-04-22T20:18:05Z")
When utilizing a WebView, it’s common to tailor the rendering of web content based on the user agent, a string sent by the browser to identify itself to the server. Here’s how you can target specific user agents in a Web… --- ## [Tailwind colors](https://forum.builder.io/t/tailwind-colors/5312)
**Author:** [@Alatius](https://forum.builder.io/u/Alatius)\ **Replies:** 1\ **Last updated:** [April 5, 2024, 1:50pm UTC](https://forum.builder.io/t/tailwind-colors/5312 "2024-04-05T13:50:11Z")
I am exploring the code generating feature, and am in general very impressed by what I see! But when exporting to Tailwind, it seems to reduce any color to the closest color from the standard Tailwind palette? For examp… [Next page](https://forum.builder.io/tag/styling/6.md?match_all_tags=true&page=1&tags%5B%5D=styling)