How to Edit Fomo CSS on Magento

If you need to add custom styles to the Fomo notifications on your Magento store, there are two options.

Option 1 - Add CSS inside the Fomo Dashboard

Whiled logged into Fomo, select your Magento store from the top left dropdown, then visit Design > Theme.

Click the Advanced tab on the right side, then 'Looking for total control of CSS' at the very bottom. Here, you can add custom CSS.

Option 2 - Add CSS inside your Magento Store

By default, many Magento stores require an FTP upload process to edit stylesheets and other theme assets.

However, there is an easy workaround that simply requires pasting a bit of code into your Magento store footer.

While logged into your Magento admin portal, navigate to CMS > Static Blocks.

Find your footer, or another section that is on every page of your website.

Click the file name to open it, then click the small 'HTML' button in the right text editor.

Finally, paste this snippet so that the top of your page HTML looks like this:

Now you can add anything you need.

For example, if you have another product block Fomo from appearing, you could paste this into the HTML editor of your footer static block:

If you need more help, let us know and we're happy to take a look.