Go to Juicer

Juicer.io Support Center

Search for any help questions or topics.

Customizing Juicer's Display Using CSS and JS

Unleash Your Creativity: Modify Juicer to Match Your Brand
Avatar
Mario
Updated 3 weeks ago


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:


Pop-up overlays
Filtering buttons
Color schemes
Layout adjustments
And more


Making Basic Changes


For simple color modifications:

1. Access your feed on the Juicer dashboard
2. 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.



You or your developers can make changes to Juicer's flexible feed styles.
 
A common question to Juicer is: "We want to do [XYZ design change] to the feed. Is this possible?"

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

 
Did this answer your question?
๐Ÿ˜ž ๐Ÿ˜ ๐Ÿ˜ƒ