{"id":26918,"date":"2023-04-26T12:27:00","date_gmt":"2023-04-26T15:27:00","guid":{"rendered":"https:\/\/donuz.com.br\/blog\/?post_type=docs&#038;p=26918"},"modified":"2023-04-26T12:27:02","modified_gmt":"2023-04-26T15:27:02","slug":"como-personalizar-o-site-fidelidade-por-meio-de-codigos-css-e-js","status":"publish","type":"docs","link":"https:\/\/donuz.com.br\/blog\/docs\/como-personalizar-o-site-fidelidade-por-meio-de-codigos-css-e-js\/","title":{"rendered":"Como personalizar o site fidelidade por meio de c\u00f3digos css e js"},"content":{"rendered":"\n<p>Com a Donuz voc\u00ea pode alterar elementos visuais do seu site fidelidade usando uma edi\u00e7\u00e3o avan\u00e7ada com c\u00f3digo CSS e JS.<\/p>\n\n\n\n<p>Voc\u00ea pode inserir c\u00f3digos de CSS que permitem fazer pequenas altera\u00e7\u00f5es em seu Layout, como, por exemplo,\u00a0<strong>alterar a cor de um bot\u00e3o<\/strong>\u00a0ou<strong>\u00a0texto<\/strong> ou box.<\/p>\n\n\n\n<p>E<strong>sta op\u00e7\u00e3o \u00e9 recomendada apenas para desenvolvedores.<\/strong><\/p>\n\n\n\n<p>Para usar esta op\u00e7\u00e3o, acesse: Configura\u00e7\u00f5es &#8211; > Site \/ App Fidelidade e clique na Aba Geral.<\/p>\n\n\n\n<p>Des\u00e7a a barra e rolagem e v\u00e1 at\u00e9 Exibir op\u00e7\u00f5es avan\u00e7adas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img width=\"640\" height=\"288\" src=\"https:\/\/donuz.com.br\/blog\/wp-content\/uploads\/2023\/04\/editar-css-e-js.gif\" alt=\"\" class=\"wp-image-26919\"\/><\/figure>\n\n\n\n<p>Para fazer a altera\u00e7\u00e3o, acesse seu site fidelidade e use a ferramenta de inspecionar para identificar um elemento e identificar qual id e classe deseja alterar.<\/p>\n\n\n\n<p>Na sequencia escreva o c\u00f3digo CSS ou JS que far\u00e1 a altera\u00e7\u00e3o.<\/p>\n\n\n\n<p>Veja abaixo um exemplo:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"662\" src=\"https:\/\/donuz.com.br\/blog\/wp-content\/uploads\/2023\/04\/alterar-css-1024x662.png\" alt=\"\" class=\"wp-image-26920\" srcset=\"https:\/\/donuz.com.br\/blog\/wp-content\/uploads\/2023\/04\/alterar-css-1024x662.png 1024w, https:\/\/donuz.com.br\/blog\/wp-content\/uploads\/2023\/04\/alterar-css-300x194.png 300w, https:\/\/donuz.com.br\/blog\/wp-content\/uploads\/2023\/04\/alterar-css-768x497.png 768w, https:\/\/donuz.com.br\/blog\/wp-content\/uploads\/2023\/04\/alterar-css.png 1290w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Para alterar a cor deste bot\u00e3o para preto como no caso exemplificado acima, voc\u00ea deveria colocar o seguinte c\u00f3digo css.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>#prizes .prizes-initial .single-prize .btn-redemption {\n   background-color: #000000 !important\n}<\/code><\/pre>\n\n\n\n<p>Mas se voc\u00ea n\u00e3o entendeu, oque foi explicado acima, n\u00e3o use este recurso, pois pode danificar o visual do seu site fidelidade.<\/p>\n\n\n\n<p>\ud83d\ude42 <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Com a Donuz voc\u00ea pode alterar elementos visuais do seu site fidelidade usando uma edi\u00e7\u00e3o avan\u00e7ada com c\u00f3digo CSS e JS. Voc\u00ea pode inserir c\u00f3digos de CSS que permitem fazer pequenas altera\u00e7\u00f5es em seu Layout, como, por exemplo,\u00a0alterar a cor de um bot\u00e3o\u00a0ou\u00a0texto ou box. Esta op\u00e7\u00e3o \u00e9 recomendada apenas para desenvolvedores. Para usar esta [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":[],"doc_category":[],"doc_tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/donuz.com.br\/blog\/wp-json\/wp\/v2\/docs\/26918"}],"collection":[{"href":"https:\/\/donuz.com.br\/blog\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/donuz.com.br\/blog\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/donuz.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/donuz.com.br\/blog\/wp-json\/wp\/v2\/comments?post=26918"}],"version-history":[{"count":1,"href":"https:\/\/donuz.com.br\/blog\/wp-json\/wp\/v2\/docs\/26918\/revisions"}],"predecessor-version":[{"id":26921,"href":"https:\/\/donuz.com.br\/blog\/wp-json\/wp\/v2\/docs\/26918\/revisions\/26921"}],"wp:attachment":[{"href":"https:\/\/donuz.com.br\/blog\/wp-json\/wp\/v2\/media?parent=26918"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/donuz.com.br\/blog\/wp-json\/wp\/v2\/doc_category?post=26918"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/donuz.com.br\/blog\/wp-json\/wp\/v2\/doc_tag?post=26918"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}