Editing a default Module

Marketing & Content Tips, Tricks & Best Practices
,
1

Hi Guys! I hope I can get great feedback regarding an issue with my default email subscription module. I need to edit the style (make it red) of a specific line of text that appears on this module “email.subscriptions.module”. The text line is the one that reads “If you unsubscribe from this list, your account manager will not be able to contact you any longer”.
I notice that there is a <p> tag there but has no specific class on it, I would love to find that out so I can: add a specific class to it and edit the color property from my CSS style sheet. Notice that I want that particular line of text, not the others.

Let me know if you need some more information. I appreciate.

Cheers!

scalabria_0-1655748111457.jpg
scalabria_0-1655748111457.jpg964×554 67.5 KB

2

Hi @scalabria,

Thanks for reaching out!

I would like to add a few of our subject matter experts to this conversation.

Hi @Anton, @Teun, @Oezcan - Do you have any advice for @scalabria?

Thanks!

All the best,

Kristen

3

Hi @scalabria,

this is the email_subscription.module which can be modified but not as easy as you’d think.

The line “If you unsubscribe…” is the subline text of the module - which is a rich-text.

Here some ways you can style it:

Use this code

#email-prefs-form .page-header p{
font-size: 1rem; 
}

or

clone the module, edit the rich-text by adding a class around the text and replace the used module of the preferences.html (should be in the templates folder of your theme).

The module is localtet in the

@hubspot

folder.

Best,

Anton

4

Hello guys! Thank you all for the comments, I have managed to solve it using some of your guidance. I have cloned the module and use CSS to style it.

I appreciate your support on this!

5

How were you able to save and publish it? I just get the error: “The source does not contain the required module email_subscriptions”