Verifique os erros do console para descobrir por que algo pode n\u00e3o estar funcionando corretamente no seu site.<\/h4>\n
\n\t Se voc\u00ea perceber que o conte\u00fado da sua p\u00e1gina n\u00e3o est\u00e1 carregando corretamente ou que algo parece \u2018errado', \u00e9 essencial poder verificar se h\u00e1 erros locais que possam estar ocorrendo durante o carregamento da p\u00e1gina. Para come\u00e7ar, abra as Ferramentas do desenvolvedor no seu navegador e navegue at\u00e9 a guia Console. Uma vez l\u00e1, habilite a op\u00e7\u00e3o \u201cPreservar log\u201d na parte superior, abaixo das guias principais, e clique em atualizar se nenhuma informa\u00e7\u00e3o estiver sendo exibida.<\/p>\n
\n\t Depois de fazer isso, todas as mensagens de erro ser\u00e3o exibidas. Se voc\u00ea n\u00e3o tiver certeza do que uma mensagem de erro pode significar ou de como resolv\u00ea-la, vale a pena ler este artigo aqui<\/a>. Se ainda n\u00e3o tiver certeza de como proceder, envie-nos uma captura de tela do que est\u00e1 vendo com uma breve explica\u00e7\u00e3o do que n\u00e3o est\u00e1 funcionando em um arquivo ticket de suporte<\/a>.<\/p>\n \n\t Se n\u00e3o gostar da forma como o tema ou o MemberPress est\u00e1 exibindo o estilo CSS, ou<\/strong> Se n\u00e3o estiver aparecendo corretamente, o WordPress facilita bastante a edi\u00e7\u00e3o com um plug-in de terceiros. Recomendamos que voc\u00ea use o plug-in Plug-in CSS personalizado simples<\/a>mas tamb\u00e9m existem outras op\u00e7\u00f5es se voc\u00ea fizer uma simples pesquisa<\/a> para plug-ins personalizados de CSS para WordPress. A ideia com esses tipos de plug-ins \u00e9 que voc\u00ea pode criar qualquer CSS personalizado, col\u00e1-lo no plug-in e ele ser\u00e1 aplicado. Se voc\u00ea puder restringir o CSS ao seu tema, a maioria dos temas tem um local onde \u00e9 poss\u00edvel adicionar CSS personalizado, portanto, pergunte ao desenvolvedor do tema sobre isso se n\u00e3o tiver certeza de onde encontr\u00e1-lo.<\/p>\n \n\t Para este exemplo, digamos que eu queira que os t\u00edtulos dos campos do meu formul\u00e1rio de registro do MemberPress sejam um pouco maiores do que os que est\u00e3o aqui:<\/p>\n \n\t A maneira mais f\u00e1cil de fazer isso \u00e9 clicar com o bot\u00e3o direito do mouse diretamente no elemento que voc\u00ea deseja editar. Portanto, se eu clicar com o bot\u00e3o direito do mouse em um desses t\u00edtulos e depois clicar em inspecionar elemento, a apar\u00eancia ser\u00e1 a seguinte:<\/p>\n Voc\u00ea notar\u00e1 que, quando fiz isso, a se\u00e7\u00e3o destacada em cinza nas ferramentas do desenvolvedor \u00e9 a que est\u00e1 diretamente relacionada ao r\u00f3tulo do formul\u00e1rio. Aqui estamos procurando a classe div, que nos informar\u00e1 qual \u00e9 a classe CSS que est\u00e1 sendo chamada e usada para exibir o texto. Quando eu passar o mouse sobre a classe div, ela destacar\u00e1 em azul o item espec\u00edfico que est\u00e1 afetando, portanto, essa \u00e9 uma boa maneira de verificar se voc\u00ea est\u00e1 obtendo a classe correta. A classe para isso \u00e9 mp-form-label<\/strong> E, embora neste artigo n\u00e3o vamos discutir muito os detalhes de como o CSS funciona (mas se voc\u00ea quiser saber mais sobre o CSS, aqui<\/a> \u00e9 um bom lugar para come\u00e7ar), mas saiba que, neste exemplo, para tornar o texto maior, eu precisaria inserir isso no plug-in CSS Custom Manager:<\/p>\n \n\t Algumas coisas importantes a serem observadas aqui s\u00e3o que voc\u00ea precisa se certificar de iniciar cada classe com um \u201c.\u201d (ponto), envolver o estilo com \u201c{}\u201d (chaves) e \u00e9 sempre uma boa pr\u00e1tica incluir um !importante<\/strong> vari\u00e1vel. O motivo pelo qual voc\u00ea pode precisar incluir a vari\u00e1vel !importante<\/strong> A vari\u00e1vel se deve ao fato de que, na maioria das vezes, ao adicionar CSS personalizado, voc\u00ea estar\u00e1 substituindo o CSS existente, o que deve garantir que o CSS personalizado seja exibido em seu lugar. Esta \u00e9 a apar\u00eancia dessa edi\u00e7\u00e3o:<\/p>\n \n\t \u00c0s vezes, voc\u00ea descobrir\u00e1 que uma parte espec\u00edfica do seu site n\u00e3o est\u00e1 sendo carregada corretamente, como arquivos que est\u00e3o sendo protegidos com regras de URI personalizadas. Isso geralmente \u00e9 causado quando o conte\u00fado est\u00e1 sendo carregado por um servidor diferente do Apache, como o NGINX, que \u00e9 um causador comum de problemas. Para verificar isso, voc\u00ea precisar\u00e1 abrir as Ferramentas do desenvolvedor e ir para a guia Rede. Se n\u00e3o vir nada, talvez seja necess\u00e1rio atualizar a p\u00e1gina, mas, caso contr\u00e1rio, voc\u00ea ver\u00e1 uma lista de todos os locais de arquivos que foram usados para carregar a p\u00e1gina. Role para baixo at\u00e9 encontrar o local do arquivo que est\u00e1 puxando o conte\u00fado que n\u00e3o est\u00e1 carregando corretamente (geralmente voc\u00ea saber\u00e1 qual \u00e9 o local porque ele ter\u00e1 algum tipo de c\u00f3digo de erro<\/a> no status) e clique no link. Isso exibir\u00e1 v\u00e1rias informa\u00e7\u00f5es, incluindo o c\u00f3digo de status, mas aqui voc\u00ea deve procurar sob o t\u00edtulo \u201cCabe\u00e7alhos de resposta\u201d, como voc\u00ea pode ver aqui:<\/p>\n \n\t Aqui voc\u00ea notar\u00e1 que o conte\u00fado foi carregado pelo Apache, mas, novamente, se for outra coisa e voc\u00ea estiver tendo um problema, precisar\u00e1 fazer uma altera\u00e7\u00e3o. Especificamente, voc\u00ea precisa entrar em contato com o servidor host e verificar se ele pode passar as solicita\u00e7\u00f5es desses tipos de arquivo para o Apache para que sejam tratadas em vez do NGINX.<\/p>","protected":false},"excerpt":{"rendered":" Can You Feel the Power? Every major internet browser that you use has what is called a set of Developer Tools. This includes Google Chrome, Safari, Firefox and Internet Explorer. So, with all of those options it makes it really easy to utilize a set of Developer Tools to accomplish some pretty cool things! On [\u2026]<\/p>\n","protected":false},"author":62252,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","_FSMCFIC_featured_image_caption":"","_FSMCFIC_featured_image_nocaption":"","_FSMCFIC_featured_image_hide":"","_strive_checklists":"\"\"","_strive_active_checklist":"62291e2bb2422","footnotes":""},"ht-kb-category":[1314],"ht-kb-tag":[],"class_list":{"0":"post-61405","1":"ht_kb","2":"type-ht_kb","3":"status-publish","4":"format-standard","6":"ht_kb_category-miscellaneous","7":"entry","8":"has-post-thumbnail"},"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\tAjuste ou edite o estilo CSS e veja como isso afetar\u00e1 seu site antes de salvar as edi\u00e7\u00f5es em seu tema ou plug-in.<\/h4>\n
![](\"https:\/\/memberpress.com\/wp-content\/uploads\/2024\/02\/file-8FmSFo6iK8.png\")
<\/p>\n![](\"https:\/\/memberpress.com\/wp-content\/uploads\/2024\/02\/file-SBx8U05Tgr.png\")
<\/p>\n![](\"https:\/\/memberpress.com\/wp-content\/uploads\/2024\/02\/file-b97eXY3PHc.png\")
<\/p>\n![](\"https:\/\/memberpress.com\/wp-content\/uploads\/2024\/02\/file-TwD55xwXNE.png\")
<\/p>\nVerifique em qual servidor o conte\u00fado est\u00e1 sendo carregado quando n\u00e3o est\u00e1 sendo carregado corretamente.<\/h4>\n
![](\"https:\/\/memberpress.com\/wp-content\/uploads\/2024\/02\/file-Ps6LICbP8X.png\")
<\/p>\n