All Collections
Integration Guides
How to edit Fomo CSS on Magento
How to edit Fomo CSS on Magento

Editing your Fomo notifications' CSS.

Fomo avatar
Written by Fomo
Updated over a week ago

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

While logged into Fomo, select your Fomo Site ("Art Shop" in the example below) from the top left dropdown, then visit the "Theme" tab:

Click the CSS tab. 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 any CSS edits you want.

For example, if you have another widget that shows up above Fomo, you could paste this into the HTML editor of your footer static block:

See more common CSS overrides here.

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

Did this answer your question?