How to edit breadcrumbs appearance?

If you have added the Breadcrumbs by Byte Apps block to any section, such as a product or collection page, you can easily customize its appearance. Follow these steps to make changes:

1 Accessing Customization Options

Navigate to Page Editor:

  • Access the page editor for the relevant section where you added the Breadcrumbs block.

Click on the Block

  • Locate the Breadcrumbs by Byte Apps block and click on it.

2 Basic Appearance Options

Explore Basic Options:

  • In the customization menu, you’ll find basic appearance options such as font size, color, and spacing.

Adjust Settings:

  • Adjust these settings according to your preferences to enhance the visual appeal of the breadcrumbs.

3 Advanced Customization with Custom CSS

Access Custom CSS Section:

  • If you require advanced customization, navigate to the “Custom CSS” section under the “Apps” tab.

Apply Custom Styling:

  • Utilize the Custom CSS section to apply advanced styling and layout changes to the breadcrumbs.

4 Preview Changes

Preview Your Page:

  • Preview the page to see how the edited breadcrumbs appear in the live view.

5 Save Changes

Save Your Changes:

  • Once satisfied with the adjustments, save your changes to apply the new appearance settings.

By following these steps, you can easily edit the appearance of the breadcrumbs on your product or collection pages. For additional assistance or if you have specific customization needs, refer to the documentation or contact our support team at [support@byte-apps.com]. Explore advanced features and customization options available in the app documentation.

Back to Docs