I'm a noob in Hubspot and I have this real big problem that I can't understand. I've made a drag&drop template for landing pages as u can see in the pic. I've code all the modules inside the template with Boostrap 5.0 that I've injected inside the template.
As u can see in the template preview everything work fine. I would take as example the link in the footer, coz like I coded in the custom module I set the link color to "blue".
But when I create a new landing with my custom template, something go wrong. First, in the editor I can't see the footer and the logo at the top is not centered.
But when I see the preview of my page, it lost the font-size, the w and h of the button in the header and the link in the footer is white. Why? I've checked the code and I can't understand why that link take the css rule "white" while I set the colors of links, with blue. As u can see in my module there are these css rules for link.
But the browser give me this rule for the link, idk why!
white color in the browser but blue color in my custom module, why? Pls, help me 😣
I might bet that the issue is a conflict between hubspot default styling and boostraps.
Try using the build in grid and then your custom css on top of that.
As for the footer text color that is odd. The minified module.css file leads me to think you might need to clear your cache, or the styling is coming from another module or css file. Inspecting the minified file will help diagnose.
Hope this gets you moving! And don't hesitate to reach out!