How to add code to Pro footer

[rocketboy]

I was attempting to add a button from HOUZZ with the code and came upon an issue. When editing the footer it displays the button correctly, when I got outside of the editing page it shows the code on the footer preview, when I publish it as a global footer the code is only shown and not the button.

How can I add this code to the footer in pro and it render the button correctly and not the code:

I also need to add this to my footer, I tried and it will only show the code and doesn’t render correctly:

Thank You for Your Time

[jade]

Hi Bryce,

Please add the code in the Content Area element in the footer builder.

Let us know how it goes.

[rocketboy]

That did the trick, thank you for your assistance!

Is there anyway to change the name of a footer template after its been built in pro?

[friech]

Hi Bryce,

Yes, you can rename a footer and header by double-clicking it.

Hope it helps,
Cheers!

[rocketboy]

Ok great, thank you for your help.

Do you know by chance what could be adding a line above a code snippet. For example the first post I sent rendered the Houzz button correctly but when I add to my website it adds a line above the button. This can be seen on the footer at https://fparker.com/ or anywhere this code was added to the website via the pro builder but if placed the code here it renders without a line above it?

Example:

[Prasant]

Hello Bryce,

Thanks for updating the thread.

1. Please inspect the Bar and under Customize > Setup > Class assign a class name. After that add following CSS under Pro > Theme Options > CSS:

.remove-border-footer table td {
    border-top: 0;
}

Thanks.

[rocketboy]

This solved that change. Thank you very much for your help!

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.