How to display two values in same field with seperate colours

Hi, so I have a heading thats made up of two points/parts, one in white and another in teal.
They need to be in the same field so that they are dynamic and always together.
Would this require some html in the value box to determine the seperate colours of the two imputs?

Help is much appreciated!

Hi,

Yes, you need to use single "HTML" object with the value which sets different colors for each input as:

<span style="color: #FF0000">Red Text</span> <span style="color: #0000FF">Blue Text</span>

---

We would really appreciate your feedback at WordPress.org!

Thank you, that worked perfectly!

I have another question, reagarding the image field, is there any way to get an uploaded image (via formidable forms) to fill the box rather than squish the dimentions of the image box?
It would be awesome if the 'keep dimentions' checkbox could be adjusted to either keep the vertical, width or both intact (as seen in the 'scale' dropdown above it.. but it doesn't seem to have an affect)

Hi,

Indeed the option of resizing "Width" / "Height" / "Both" affects only inside E2Pdf Template when the image is inserted directly inside it. It's used to resize images inside E2Pdf Template and not in PDF. This option will be deprecated in the new version due "Keep Dimension" option update.

For now, keeping dimension works to fit the image inside the "block", which means that it will be resized on the most significant part: "height" or "width". Can you please confirm, do you need an option that will allow resizing just by "width" but keep dimension and if "the height" of the image is larger than the block - it must be truncated? If so, this feature is on our TODO list, but unfortunately, we do not yet have an ETA for when it will be released.

P.S. As soon as it will be released such support, we will let you know.

We remain at your service.

---

We would really appreciate your feedback at WordPress.org!

Hi,
Thanks for letting me know how the scaling options work.
To answer your question, yes I think it would be a great option to tick the 'keep dimensions' box, but to also specify which dimentions it will keep, like width or height and have any parts of the image that extend past the frame/block be truncated as you said. That way it doesn't squish the image into the frame, however the option to still allow it to squish the image into the frame is still one I think people would want.

Thanks for the prompt reply :)

We will review this option too and if it will be implemented, we let you know.

We remain at your service.

---

We would really appreciate your feedback at WordPress.org!

Hi,

So back to the html span styles, I found that <span style="text-transform: uppercase;"> works in the e2pdf template builder but then in 'preview' or export it doesn't work.
I've attached some images of what I mean.

Same goes for "line-height: 10pt" — it works in the template builder but not in preview

Hi,

Unfortunately, "text-transform" CSS is not yet supported. You can use a shortcode wrapper instead as:

[e2pdf-format-output filter="strtoupper"]car[/e2pdf-format-output]

"line-height" can be not supported on the element or in the context its used. Can you let us know please how is it used?

---

We would really appreciate your feedback at WordPress.org!

Hi,
Good to know there's a workaround, I'll need some help with the shortcode wrapper however as I just tried that shortcode you gave me in both the 'html' and the 'text area' fields with no success. It just shows the shortcode in the box.

Regarding the "line-height", it did work in the template builder, but not the preview, I've attached some screenshots of 'with the css' and 'without css' to show that it does work in the template builder.

[e2pdf-format-output filter="strtoupper"]car[/e2pdf-format-output] - will not work on the "Preview" or "View" E2Pdf Template. Only when PDF is generated via shortcode or "E2Pdf" -> "Export". If it still doesn't work on the final PDF, attach please a screenshot of how it's placed.

As for "line-height", unfortunately, yes, it will not work in this context at this moment. As a solution, you can separate 2 blocks and create: 1st "HTML" block with "header" and 2nd "HTML" block, which will contain a description.

We remain at your service.

---

We would really appreciate your feedback at WordPress.org!