Resize the button of Shopify Inbox for Publisher theme

Technical Q&A
1

Hi. I need help resizing the widget of Shopify Inbox.

Store URL: https://everlyadorned.com/

Please help making the icon smaller just like in the screenshot below.

MiaPascua_0-1683624777328.png
MiaPascua_0-1683624777328.png1920×1080 176 KB

2

To resize the widget of Shopify Inbox, you can modify the CSS styles associated with the widget. Here’s a general approach to resizing the widget:

  1. Locate the CSS styles for the Shopify Inbox widget. This can typically be found in your theme’s CSS files or in the Shopify Inbox settings if it provides a custom CSS editor.

  2. Look for the CSS selector that targets the Shopify Inbox widget. It might be something like .shopify-inbox-widget or .inbox-widget.

  3. Adjust the width and height properties of the CSS selector to resize the widget. For example, you can set the width to a specific value like 300px and the height to auto or a desired height value like 400px.

  4. Save the changes to the CSS file or the custom CSS editor.

  5. Clear your browser cache and refresh the page where the Shopify Inbox widget is displayed to see the updated size.

3

Hello! I can’t find .shopify-inbox-widget nor .inbox-widget.