# Modules Not Working **URL:** \ **Category:** Blog, Website & Page Publishing\ **Tags:** crm\ **Created:** [May 1, 2025, 2:28pm UTC](https://community.hubspot.com/t/modules-not-working/130918 "2025-05-01T14:28:33Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![Yossi21](https://avatars.discourse-cdn.com/v4/letter/y/bbce88/32.png) [@Yossi21](https://community.hubspot.com/u/Yossi21)\ **Post date:** [May 1, 2025, 2:28pm UTC](https://community.hubspot.com/t/modules-not-working/130918/1 "2025-05-01T14:28:33Z")
Hello everyone! I am familiar with HubSpot Content Webpages, but I am having some issues with some modules. Just started a new position, and the site just went crazy. The first one is regarding some icons that show up on the main site. It shows up in the edit page and the preview, but when made live, it doesn’t. It only shows up in Mobile view on a phone. The other is each product landing page is missing the name of the product within the product banner. It does not sure up on any devices. ![screen2a.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/b/7/b7039dda456aa771ace5e2d46fae7ad485f7c6f3.png) Product Banner for Product Vehicles ![screen1.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/1/c/1c9bd20fe57e83f2d5cd7f4d683d7b12bfc95414.png) Icons showing up on Edit Page ![screen1a.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/9/9/99010d2565419a75b7c0e6bd134f26cb8e0483ce.png) When you view on the LIVE SITE. ![screen1b.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/9/9c672163e9caf0b2c78d56cbcd1384bb2a8c68be.png) Icons show up on Mobile LIVE SITE ![screen2.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/2/e/2ed5678fdb766a5943f7f6eb5b7351d99d17f4be.jpeg) Product Banner on LIVE SITE I have placed some images on this. ---
**Author:** ![Jaycee\_Lewis](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jaycee_lewis/32/61352_2.png) [@Jaycee\_Lewis](https://community.hubspot.com/u/Jaycee_Lewis)\ **Post date:** [May 1, 2025, 9:15pm UTC](https://community.hubspot.com/t/modules-not-working/130918/2 "2025-05-01T21:15:35Z")
Hey, @Yossi21 👋 Can you share a link to a live page where this is happening? It can be challenging for our community members to troubleshoot issues like this without being able to “see” it in action. Thanks! — Jaycee ---
**Author:** ![albertsg](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/albertsg/32/99473_2.png) [@albertsg](https://community.hubspot.com/u/albertsg)\ **Post date:** [May 2, 2025, 7:29am UTC](https://community.hubspot.com/t/modules-not-working/130918/3 "2025-05-02T07:29:05Z")
Hi @Yossi21, based on your screenshots I believe I’ve been able to find your website and the issue. If the URL is this one: [https://www.elginsweeper.com/](https://www.elginsweeper.com/) and the issue is right below the “110 years in the sweeper industry” heading, I see the following problem: The icons have a class “animation” that currently has the opacity set to 0, making them invisible. ![Screenshot 2025-05-02 at 9.23.45.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/6/6c1d3c80721ad9ef8cf962bb795e7890358642bf.png) If I remove that opacity: 0; or increase it to 1, the icons show as you can see in the following screenshot. ![albertsg_0-1746170754515.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/e/3/e30d7ccd052ebfdeb106fa4e33a9117d2e2f3355.png) So my suggestion is to find where you are setting the opacity of the element to 0. It could be in the module styles or maybe in some CSS you are loading into the page. If you cannot find where the opacity is set, you could always add the following CSS code into your page: ```lia-code-sample .img-title-section .animation { opacity: 1; } ``` Hope this helps! 🙂 ---
**Author:** ![Wesimplifi](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/wesimplifi/32/26662_2.png) [@Wesimplifi](https://community.hubspot.com/u/Wesimplifi)\ **Post date:** [May 2, 2025, 9:57am UTC](https://community.hubspot.com/t/modules-not-working/130918/4 "2025-05-02T09:57:31Z")
Hi @Yossi21 , The issue is related to a CSS animation that’s hiding your content by default. Here’s how you can resolve it: 1. Go to your **Design Manager** in your HubSpot account. 2. Locate the following CSS file: `Elgin_August2020/CSS/css3-animation.css` 3. In that file you need to change the value (opacity: 0 to 1), look for this CSS rule: `.animation {opacity: 1;}` This change ensures that elements with the `.animation` class are visible by default, which should resolve the issue with your modules not displaying properly. ![image (34).png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/4/409bd32da91d0fd9051b2caa529df6921be32eee.png) ---
**Author:** ![albertsg](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/albertsg/32/99473_2.png) [@albertsg](https://community.hubspot.com/u/albertsg)\ **Post date:** [May 2, 2025, 10:34am UTC](https://community.hubspot.com/t/modules-not-working/130918/5 "2025-05-02T10:34:14Z")
[@Wesimplifi\_](https://community.hubspot.com/t5/user/viewprofilepage/user-id/911291) Changing the css3-animation.css file will impact any page that loads this file, therefore it’s important to fully understand what that file is supossed to do, how it relates to the module functionality and in what other pages it’s being used. I agree this is the permanent solution but directly modifying the CSS file could create bigger issues on the site if not done properly and with proper knowledge of the file usage 🙂 ---
**Author:** ![Yossi21](https://avatars.discourse-cdn.com/v4/letter/y/bbce88/32.png) [@Yossi21](https://community.hubspot.com/u/Yossi21)\ **Post date:** [May 2, 2025, 3:57pm UTC](https://community.hubspot.com/t/modules-not-working/130918/6 "2025-05-02T15:57:18Z")
[@Wesimplifi\_](https://community.hubspot.com/t5/user/viewprofilepage/user-id/911291) thanks for the information. I wasn’t able to find the .animation file but I did fix it. I hope, LOL.