Styling a link within the Thank You message:

SOLVE
nlafakis
Contributor

Hey all!,

 

I know this topic has been done to death, but never fear!!! I'm really only asking about one TINY part of this problem to solve it completely and forever! That, and I'm very sure the rest of the community is VERY interested in how this works. So!, I've styled a bit of what I'd like to behind the scenes for the form thank you message, I've even managed to add a button! My problem, the button seems to start on the line that preceeds it, and is acting as if the last part of the previous line is also part of the hyperlinked <a> tag. I know this isn't the case because both the styles have been removed from the text in the thank you message, and there's a space between the last part of the message, the link, and the next part of the message.

So the question is, how do I get rid of this tiny little bugger!?!? Soon as that's done then we're in customization city!

Attached are some images for reference as well as the fiddle link to play with. Any help is greately appreciated! Thanks in advance!

https://jsfiddle.net/nlafakis/qoemgbzf/11/

    

 this is what's on the landing page after hitting submit

Screen Shot 2021-05-27 at 5.55.05 PM.png

 

this is what it looks like in HS

Screen Shot 2021-05-27 at 5.55.14 PM.png

Here's what I modified to the JS code in my container of my 3rd party web app (non-HS landing page hosting a HS form)

Screen Shot 2021-05-27 at 5.55.29 PM.png

Here's the CSS cleaned up, bit easier to see what's goin' on.

Screen Shot 2021-05-27 at 5.57.11 PM.png

0 Upvotes
1 Accepted solution

Accepted Solutions
DanielSanchez
Solution
Key Advisor

Hi @nlafakis ,

 

You can delete your text from the Bug line and reinsert it.

 

By deleting "that block" you end up deleting the remnant of the link as well.

 

One option would be to paste your text in a notepad to lose the formatting of the possible bug, copy from the notepad and paste again in the thank you message.

 

Did this post help solve your problem? If so, please mark it as a solution.

Best regards!

 

View solution in original post

4 Replies 4
sharonlicari
Community Manager

Hey @nlafakis 

 

Thank you for all the detailed information, our Community could share some thoughts and ideas on how to achieve this. 

 

Hey @stefen @tjoyce @iliascarre do you have any recommendations for @nlafakis?

 

Thanks & Happy Friday

Sharon 


¿Sabías que la Comunidad está disponible en Español?
¡Participa hoy en conversaciones en el idioma de tu preferencia,cambiando el idioma en tus configuraciones!

Did you know that the Community is available in other languages?
Join regional conversations by changing your language settings !


0 Upvotes
DanielSanchez
Solution
Key Advisor

Hi @nlafakis ,

 

You can delete your text from the Bug line and reinsert it.

 

By deleting "that block" you end up deleting the remnant of the link as well.

 

One option would be to paste your text in a notepad to lose the formatting of the possible bug, copy from the notepad and paste again in the thank you message.

 

Did this post help solve your problem? If so, please mark it as a solution.

Best regards!

 

View solution in original post

nlafakis
Contributor

@DanielSanchez - WORKED LIKE A CHARM!!!

 

Ok, so as soon as I'm done and the form is complete I'll post a completed version of the code and how it works and all that jazz for other users who may be interested in styling the thank you message via css within the embedded code. Would I just do that here? Is that even a thing (sharing completed expirements/ideas with forms)?

 

But thanks SO much again! This opens some MASSIVE doors in regards to customizing!

DanielSanchez
Key Advisor

I'm glad it worked. I believe that every idea is welcome. The community help many users, can share yes. 🙂