when i was testing it, i had to highlight to see the thank you message
The font color is white for that area. From looking at your page, the content area that form is in has the class .body-section.dark . But it looks like the color was changed to white here ( .dnd__checklist-row-0-background-color), but even though you changed the background color, the font color was left to be white. If you plan on manually overriding all of these rows to white, I would add a color attribute to the .submitted-message class to change the font color to something other than white. Otherwise, I would consider changing this row to not have the .dark class on it, but use the .light class instead so that way your form thank you message color adjusts appropriately.
No offense. While I am a developer, I am not familiar with the UI of hubspot. I cannot find the exact place inside the editor to make the changes you suggested.
Can help point me to the right place to make the changes you suggest?
Specifically
> I would add a color attribute to the .submitted-message class to change the font color to something other than white.
As all Hubspot instances can be setup differently I can point you in the direction, but I cannot tell you exactly how the files are structured in your instance. I only see what is in the browser console and inspector to tell me where the files are. For the submitted-message class I can see that is in the main.css file. From here what you will have to do is go to your Design Manager (under the Marketing menu) and search for the main.css file and then edit the CSS for the submitted-message class and add a color to that class so the text shows up.
From my screenshot below you will see adding the color will surface the text. But as I stated in the last reply this is inside a larger class of “dark” which suggests to me this was intentially white by the developer who setup this particular theme and by overriding this font color to show you could have other pages using the dark css and in that case if you make the text dark it will be hidden on those pages.
What I would consider in your case is to potentially work with a partner to help get your template setup as you need it to prevent these types of changes and overrides that could lead to bigger issues down the road.
>
go to your Design Manager (under the Marketing menu) and search for the main.css file and then edit the CSS for the submitted-message class and add a color to that class so the text shows up.
Design Manager does not exist.
There’s a Design Tools
When i click that, there’s no main.css
> potentially work with a partner to help get your template setup
where do i find one?