HTML Code in Footers

1

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

Screenshot_2
Screenshot_2543Ă—563 21.1 KB

Why the Description text is aligned with Footers?

2

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.

3

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?

4

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
5

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
6

Thanks a lot bro.