CSS Style Not Applied to Fixed PDF Footer Text Element

[Parker1090]

I’m tried to add a simple div, given it the class of ‘bottom-pdf-bar’. I’ve attached a couple of styles to this, for example, background color, but it doesn’t seem to change at all.

Is this correct?

Note: Glenn, if you’re going to check, it’s on the test account

[Glenn]

I see you’ve added the following class;

#bar {
    width: 100%;
    height: 25px;
    position: absolute;
    bottom: 0;
    background-color: #2daed7;
    color: #fff;
}

But what is this targeting? How are you creating the bar element? I don’t see this anywhere.

[Parker1090]

Oops, my error. I clicked Apply Changes, but not Save.

I’ve changed this to match the ‘Fixed PDF Footer Text’ as per the below:

<div class="bottom-pdf-bar">Test - Test - Test</div>

It shows the text fine, but no colours

[Glenn]

Ah ok I see it now.

Unfortunately the PDF footer does not support CSS bindings as the text is being inserted using controls native to the PDF module.

From what I understand however it does support the following basic HTML tags, you’re in uncharted territory here though

<A HREF="...">
<B>
<BR>
<CENTER>
<DIV ALIGN="..." STYLE="...">
<FONT SIZE="..." FACE="..." COLOR="...">
<FONT STYLE="...">
<I>
<P>
<SUB>
<SUP>
<U>
<S>

[Parker1090]

Thanks for that @Glenn! Having a play about with the basics now, namely div with style. Again, setting basic background colour through CSS… but still no joy

Edit
Glenn, Maybe it would be easier if I sent you what I was trying to achieve, and you could perhaps suggest a way it could be achieved?