To customize the look and feel of Listly embeds on your site, add this code to the head section of your website that is used commonly across all pages on your site.
<script type="text/javascript">
var _lstq = _lstq || [];
_lstq.push(['_theme', {
background_color: "#343838",
text_color: "#dddddd",
text_font:"sans-serif",
title_color:"#ffffff",
title_font:"sans-serif",
link_color:"#008c9e",
secondary_link_color:"#aaa",
separator_color:"#444",
border_color: "#444"
}])
</script>
text_color: The copy of the text in the list.
background_color: The background color of the list. It can have the value of "transparent"
text_font: Font for the copy in the list
text_color: Color of the text in the list
title_color: Color for all title text in the list
title_font: Font for title text
link_color: The color of links in the list
secondary_link_color: Color for subtler links in the list (such as in actions in the item footer)
separator_color: Color for the line separator between items in the list
border_color: If specified, you get a border around the list
colors can be specified in hex or rgba. border_color is optional. Do not specify a border_color if you don't want a border around the list. When specifying fonts, you can choose generic web font OR if you specify a custom font, make sure you are loading that font on your site.
In Wordpress
Go to your theme editor and find your header.php file.
Open that file in the editor and search for "". The final instance of this term should be just before a "<?php"
You need to paste this code inside an existing "?>" "<?php" (or add your own if you know what you are doing)
Here's a screenshot of an example
Notice the search term highlighted in orange and custom CSS in blue.