HTML Code in Footers

when I use this code in Footers section

<br>
<br>
<br>
<br>
<br>

<!DOCTYPE html>
<html>
<style>
table, th, td {
  border:none;
}
table, th, td
{
	text-align: center;
}

</style>
<body>


<table style="width:80%;" align="center">
  <tr>
    <td>Prepared by</td>
    <td>Deputy Manger (Accounts)</td>
    <td>Managing Director</td>
    <td>Vice Chairman (Finance)</td>
   <td>Chairman</td>
  </tr>
</table>


</body>
</html>

Then View is


Why the Description text is aligned with Footers?

You are inserting HTML that has side-effects outside of footer area.

You need to make sure your HTML code is not having side-effects. For example, do not do:

<style>
table, th, td {
  border:none;
}
table, th, td
{
	text-align: center;
}
</style>

This will have effect on entire HTML document, not just your footer.

There used to be scoped attribute to easily fix it but web-browsers do not support it.

So instead you need to re-write your stylesheet so it affects HTML in your footer only.

But I need this signature line
image
in previous, I used by the custom theme,
when you take theme to obsolete feature, then, I am just trying not to use custom theme.
is it possible to use Signature line with Footers?

Have a look at class attribute on HTML elements and how to use it.

Or do not use <style> tag at all and inline your CSS within style attributes. That will fix your issue too.

2 Likes

You can just use the code here in your footer field. You don’t have to add “DOCTYPE HTML” statement in the field. Use the CSS in the inline HTML tags too.

3 Likes

Thanks a lot bro.