Need Help with Customizing HubSpot Theme Modules for My New Website

Hello HubSpot Community,

I recently transitioned from WordPress to HubSpot to build the website for my new marketing and e-commerce agency, CosmiCom Collective. I’ve spent the past two weeks setting up everything myself, but I’m now running into some customization challenges that I can’t seem to resolve without accessing and editing the code. I’d appreciate any guidance to make these adjustments smoothly, ideally without impacting the live version.

Here are a few specific issues I’m facing:

  1. FAQ Module - Remove or Replace Icon

Screenshot 1: There’s a question mark (?) icon in the FAQ module that I’d like to remove or replace, but I can’t seem to do this through the website editor. Does anyone know how to modify this in the theme’s code? (the + icon on the right is okay)

  1. Adjust Text Position in Rich Text Module

Screenshot 2: I need to move the text to the right side of an image in a rich text module. How can I reposition this content within the module?

  1. Center Alignment on Mobile Only

Screenshot 3: I’d like to center-align a specific section on mobile footer without affecting its alignment on the desktop footer. Is there a way to apply alignment changes specifically for mobile devices for footer?

Any help with these would be greatly appreciated! I’m still learning HubSpot’s nuances, and navigating the code side of things has been a bit challenging. Thank you in advance!

Website: cosmicomcollective.com

Hey @sharbar849 it looks like you’re using a marketplace theme from @Stephanie-OG but haven’t created a child theme which will limit a little bit how you can make these edits.

Some of it you can do with CSS overwrites in the head html for the domain, but it’d be better to see what’s possible within the theme’s capabilities first.

Thank you for the advice! I’ll definitely look into creating a child theme. Before I dive in, can I create a child theme by following a tutorial without disrupting the live site? Since the site is new, I’d like to make sure there are no issues with what’s already live.

You’re welcome @sharbar849 happy to help.

If you create a child theme it would be completely separate from the theme that controls the live site.

Once you have it configured, the easiest way to replace your live site without disruption would be to use Content Staging, starting with blank pages that use your new child theme and allow you to rebuild the content while keeping the current site live.

One important thing to note about marketplace themes vs child themes - if you build your website with a marketplace theme and then change the template for a page to be a template from the child theme, the modules on the page will stay associated to the marketplace theme, they don’t swap to the child theme, which can cause issues if you’ve added customization in the child theme.

Thank you for clarifying! I think I understand the Content Staging approach now. So, if I start fresh on blank pages within Content Staging using the child theme, I can safely recreate my site without affecting the live version.

Just to confirm: since I’ve customized every section of my homepage, is there a way to ensure I don’t lose those adjustments? For example, is there a specific way to migrate or “reassociate” the existing modules and settings to the new child theme, or will I need to rebuild each section manually? Thanks again for the guidance—this is really helping me navigate this process!

@sharbar849 one option would be to change the module IDs from the marketplace theme to the child theme, the only way I know to do this is with the help of the SpaceRockX team

Thank you for the suggestion! Changing the module IDs sounds like it could be a good solution. I’ll reach out to the SpaceRockX team to see if they can help with this process. Thanks again for your support. :slightly_smiling_face:

you’re welcome @sharbar849, happy to help!

It seems like all the issues are related to the theme. The theme may not provide those options.