Introduction
Juicer's feed styles are highly customizable, allowing you or your developers to make a wide range of design changes. This article explains the customization possibilities and how to implement them.
Customization Possibilities
When users ask, "Can we make [specific design change] to the feed?", the answer is usually yes. Juicer is built as a CSS and JavaScript plugin, which means many design elements and text can be modified or overwritten using these programming languages. Customizable elements include:
Making Basic Changes
For simple color modifications:
1. Access your feed on the Juicer dashboard2. Navigate to the "Feed Design" side menu option
3. Make desired color changes directly in this panel
Advanced Customization
For more complex changes:
In the Custom Design panel, click "Customize CSS"
Add your custom CSS code in the provided area
Alternatively, you can insert CSS style changes directly into the webpage where your Juicer feed is embedded.
Resources for Customization
For simple CSS style changes, refer to our CSS guide on the Juicer blog
To change the color of the Juicer Loading square and the "Load More" button, see our specific tutorial
If you need to run JavaScript after the Juicer feed has rendered, a small code customization is available to enable this
Important Notes
The Juicer team does not currently offer assistance with custom design or other types of development
We do not maintain a list of preferred developers or programmers for custom coding assistance
If you have any questions or need help with standard Juicer features, please email us at hello@juicer.io.
The answer is most likely yes. Juicer is a CSS and JavaScript plugin, which means many elements of its design and text can be changed or overwritten using these programming languages. Some customizable elements include the pop-up overlays and the filtering buttons.
Basic color changes can be made directly from the "Custom Design" panel of your dashboard. Beyond that, you or an outside developer can add custom CSS into Juicer by clicking "Customize CSS", also located within the Custom Design panel. Or, CSS style changes can be inserted directly into the webpage where you have placed the Juicer feed.
If you'd like to make simple CSS style changes to Juicer, you can read the CSS guide on our blog or see how to Change the color of the Juicer Loading square and the โLoad Moreโ button. If you'd like to run JavaScript after the Juicer feed has rendered, there is a small code customization that allows you to do this.
Please note that the Juicer team cannot currently assist with custom design or other types of development, and we do not have a list of preferred developers/programmers who can assist you with custom coding at this time.
If you have any questions or need any help, please email us at hello@juicer.io