{"id":698,"date":"2019-11-18T14:29:23","date_gmt":"2019-11-18T21:29:23","guid":{"rendered":"https:\/\/help.fooevents.com\/docs\/frequently-asked-questions\/tickets\/how-do-i-modify-an-existing-fooevents-ticket-theme-or-create-my-own-pdf-ticket-theme\/"},"modified":"2026-06-03T05:38:35","modified_gmt":"2026-06-03T12:38:35","slug":"como-puedo-modificar-un-tema-de-ticket-fooevents-existente-o-crear-mi-propio-tema-de-ticket-pdf-o-html","status":"publish","type":"docs","link":"https:\/\/help.fooevents.com\/es\/docs\/frequently-asked-questions\/ticket-themes\/how-do-i-modify-an-existing-fooevents-ticket-theme-or-create-my-own-pdf-ticket-theme\/","title":{"rendered":"\u00bfC\u00f3mo puedo modificar un tema de ticket FooEvents existente o crear mi propio tema de ticket PDF o HTML?"},"content":{"rendered":"

Este art\u00edculo le gu\u00eda a trav\u00e9s del proceso de creaci\u00f3n de su propio FooEvents Tema del billete<\/strong> que le recomendamos que lea antes de continuar:
\nSea creativo con los temas de las entradas FooEvents - Parte 1<\/a>
\nSea creativo con los temas de las entradas FooEvents - Parte 2<\/a><\/p>\n\n\n\n

Es importante tener en cuenta que la forma en que se generan las entradas PDF es ligeramente diferente a la del HTML y CSS normales. Hay algunos estilos y elementos que podr\u00edan funcionar bien al renderizar un correo electr\u00f3nico o un archivo HTML, pero estos estilos podr\u00edan no ser compatibles con la biblioteca utilizada para generar los archivos PDF.<\/p>\n\n\n\n

A continuaci\u00f3n se indican algunos aspectos importantes que debe tener en cuenta al crear o modificar archivos PDF Ticket Theme:<\/p>\n\n\n\n

    \n
  1. You can use either JPG<\/strong> o PNG<\/strong> im\u00e1genes. Si las im\u00e1genes PNG con transparencia no se muestran como es debido, deber\u00e1 activar la extensi\u00f3n \"imagick\" en PHP. Si no est\u00e1 seguro de c\u00f3mo hacerlo, es posible que su proveedor de alojamiento pueda ayudarle.<\/li>\n\n\n\n
  2. Try to avoid using <table><\/code> sino utilizar elementos <div><\/code> tags.<\/li>\n\n\n\n
  3. If you want to center images specifically avoid using the CSS declaration \u201cmargin: auto\u201d but rather use \u201ctext-align: center\u201d<\/li>\n\n\n\n
  4. Don\u2019t use Google Fonts. The built-in Fuente DejaVu<\/strong> admite una amplia gama de caracteres, incluidos los alfabetos griego, cir\u00edlico, hebreo y \u00e1rabe.<\/li>\n\n\n\n
  5. Try to avoid nesting elements e.g.
    <div>
    <div>Some content<\/div>
    <div><\/code><\/li>\n\n\n\n
  6. Don\u2019t use the CSS declaration \u201cdisplay: block\u201d on images as it might hide the image in some cases.<\/li>\n\n\n\n
  7. If you don\u2019t want an element to stretch over two pages, add the declaration \u201cpage-break-inside: avoid;\u201d<\/li>\n\n\n\n
  8. If you are nesting elements then apply CSS padding on the inner container and not the outer container.<\/li>\n\n\n\n
  9. Use paths for images instead of URLs like in regular HTML.<\/li>\n\n\n\n
  10. Add a closing <\/body> y no una etiqueta de cierre <\/html> para varias páginas PDF<\/li>\n\n\n\n
  11. Don\u2019t use the CSS \u201cfloat\u201d property on a tag that is nested inside another floated tag<\/li>\n\n\n\n
  12. If a customer is buying more than one ticket for the same event then most PDF ticket themes will display the header and event information followed by 3 tickets, per page. If the PDF ticket looks broken then it might be because all this information does not fit on one page. To fix this you can use a log and\/or header image that are not as high, remove padding, margins or text or set it so that only 1 or 2 tickets are shown on one page.<\/li>\n<\/ol>","protected":false},"excerpt":{"rendered":"

    This article walks you through the process of creating your own FooEvents Ticket Theme which we recommend you read before continuing: Get Creative with FooEvents Ticket Themes \u2013 Part 1 Get Creative with FooEvents Ticket Themes \u2013 Part 2 It\u2019s important to keep in mind that the way PDF tickets are generated is slightly different […]<\/p>\n","protected":false},"featured_media":0,"parent":800,"menu_order":14,"template":"","doc_tag":[29,28,93,27,7],"class_list":["post-698","docs","type-docs","status-publish","hentry","doc_tag-html","doc_tag-pdf","doc_tag-ticket","doc_tag-ticket-theme","doc_tag-tickets"],"_links":{"self":[{"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"version-history":[{"count":1,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/698\/revisions"}],"predecessor-version":[{"id":148444,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/698\/revisions\/148444"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/docs\/800"}],"wp:attachment":[{"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/media?parent=698"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.fooevents.com\/es\/wp-json\/wp\/v2\/doc_tag?post=698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}