CMS Development

BluePixelDesign
Participante

How to edit Quote stylesheet?

We are using the new Quotes with the modules. I'd like to do two things... rearrange the modules and edit the style of certain modules.

 

When I click on Edit CMS Template it takes me to the Design Manager but tells me "this file is within a Hubspot theme" and to make a child theme. I'm familiar with child themes in Wordpress but not Hubspot and when I choose to do it, it doesn't seem to change the template or connect anything so my actual quote template is connected to the new files.

If I can't rearrange modules, I'd at least like to be able to edit the stylesheet. I've tried adding the correct code to my usual Hubspot stylesheet but it doesn't change the quote. Is there somewhere else that needs to happen?

0 Me gusta
3 Respuestas 3
Jake_Lett
Guía | Partner
Guía | Partner

How to edit Quote stylesheet?

Hello. Did you manually fetch and upload a custom quotes theme following the directions outlined here? https://developers.hubspot.com/docs/cms/guides/getting-started-from-the-cms-quotes-theme

If you do this, you will have a theme folder with templates you can clone and rename to edit the styles. You would then create a quote template referencing this theme file. I would recommend this route instead of creating a child theme.

 

The order of modules would happen at the code template level similar to a coded email or blog post template. You would reference the modules like this. 

  <div class="container esign">
    {% module "signature" path="@hubspot/quote_signature" %}
  </div>

  <div class="container payment">
    {% module "payment" path="@hubspot/quote_payment" heading_tag="h2" %}
  </div>
ashleyhayden8
Miembro

How to edit Quote stylesheet?

In Quotes I want to format the comments box so that I wouldn't have to scroll the whole page to read a body of text.  It would create a separate scroll box for that comment text that you could scroll through.  I have long agreements that I need signed and looking for a solution to overcome the lenghty contracts and having them on a preferred smaller scroll window can be less intimidating to our clients.   I haven't found any success. Please help!

0 Me gusta
Jaycee_Lewis
Administrador de la comunidad
Administrador de la comunidad

How to edit Quote stylesheet?

Hi, @BluePixelDesign 👋 Thanks for reaching out. Let's see if we can get the conversation going. Hey, @Jake_Lett @assi, do you have any Custom Quote Template wisdom or tips you can share with @BluePixelDesign?

 

Thank you very much! — Jaycee

linkedin

Jaycee Lewis

Developer Community Manager

Community | HubSpot