CSS Style Not Applied to Fixed PDF Footer Text Element

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

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.

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 :frowning:

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 :smile:

<A HREF="...">
<DIV ALIGN="..." STYLE="...">
<FONT SIZE="..." FACE="..." COLOR="...">
<FONT STYLE="...">
1 Like

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 :frowning:

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?

This topic was automatically closed after 4 days. New replies are no longer allowed.