Go to Juicer

Juicer.io Support Center

Search for any help questions or topics.

Customizing Juicer's Display Using CSS and JS

Tailoring Juicer to Your Unique Design Vision
Avatar
Mario
Updated 3 weeks ago



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?
๐Ÿ˜ž ๐Ÿ˜ ๐Ÿ˜ƒ