Stiletto theme, how to add increase 2 button limit in Rich Text?

Store Design
, , , ,

Topic summary

A Stiletto theme user wants to add more than 2 buttons in the Rich Text section, which currently has a hardcoded limit of 2 buttons.

Problem identified:

  • Changing the limit from “2” to “5” in rich-text.liquid technically works
  • However, the additional buttons display incorrectly with no margin/spacing between them
  • The theme only has CSS styling designed for 1-2 buttons maximum

Solution approach:

  • Custom CSS modifications are needed to extend the current button styles to accommodate 5 buttons
  • A community member (lunaworks) offered to help and requested collaborator access to implement the CSS updates
  • The user provided a collaborator request code and attempted to follow up via direct message

Status: The discussion remains open with the user awaiting a response from the helper who offered assistance.

Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.
1

Hello. I am using Stiletto theme and would like to use multiple button blocks in Rich Text but there is a 2 button limit.

Screen Shot 2023-09-15 at 04.53.13.png
Screen Shot 2023-09-15 at 04.53.13.png862×216 7.53 KB

I have found the code in rich-text.liquid:

 "type": "button",
"name": "t:sections.rich_text.blocks.button.name",
"limit": 2,
"settings": [

 {
"id": "link",
"type": "url",
"label": "t:sections.rich_text.blocks.button.settings.link.label"
},
{
"id": "link_text",
"type": "text",
"label": "t:sections.rich_text.blocks.button.settings.link_text.label",
"default": "Read more"
},
{
"type": "select",
"id": "button_style",
"label": "t:shared.settings.button_style.label",
"options": [
{
"value": "btn--primary",
"label": "t:shared.settings.button_style.option_solid"
},
{
"value": "btn--secondary",
"label": "t:shared.settings.button_style.option_outline"
},
{
"value": "btn--callout",
"label": "t:shared.settings.button_style.option_text"
}

The problem is that I have tried changing the button limit from “2” to “5”, which does work. However, this squashes the button additional blocks together with no margin spacing between the buttons. Any suggestions how to fix this and separate them?

Screen Shot 2023-09-15 at 04.54.55.png
Screen Shot 2023-09-15 at 04.54.55.png797×152 13.4 KB

2

They have the limit because they have styling for either one or two buttons. If you increase the limit then you’d have to add custom/extend the current styles for the buttons.

3

Oh okay. Do you know how to extend the current styles?

4

Yes that can be done. But I’ll need collaborator access to your store for just the theme so I can update the css to accommodate the 5 buttons.

5

Okay thank you. Here is the collaborator request code: 4845

6

Please delete this message here and send it to my DM and also add your store url to it, the one that looks like mystore.myshopify.com

7

Hello there. I messaged you but did not get a reply?