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 \u2018estranho\u2019, \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 acesse a guia \u201cConsole\u201d. Uma vez l\u00e1, ative a op\u00e7\u00e3o \u201cPreservar log\u201d, localizada na parte superior, abaixo das guias principais, e clique em \u201cAtualizar\u201d caso nenhuma informa\u00e7\u00e3o esteja sendo exibida.<\/p>\n
\n\t Depois de fazer isso, ser\u00e3o exibidas eventuais mensagens de erro. 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 voc\u00ea ainda n\u00e3o souber como proceder, envie-nos uma captura de tela do que est\u00e1 vendo, acompanhada de uma breve explica\u00e7\u00e3o sobre o que n\u00e3o est\u00e1 funcionando, em um ticket de suporte<\/a>.<\/p>\n \n\t Se voc\u00ea n\u00e3o gostar da forma como seu tema ou o MemberPress est\u00e1 exibindo seus estilos CSS, ou<\/strong> Se n\u00e3o estiver sendo exibido corretamente, o WordPress facilita bastante a edi\u00e7\u00e3o disso com um plugin de terceiros. Recomendamos que voc\u00ea use o Plug-in CSS personalizado simples<\/a>mas tamb\u00e9m existem outras op\u00e7\u00f5es se voc\u00ea fizer uma simples pesquisa<\/a> para plugins do WordPress com CSS personalizado. A ideia por tr\u00e1s desses tipos de plugins \u00e9 que voc\u00ea possa criar qualquer CSS personalizado, col\u00e1-lo no plugin e ele ser\u00e1 aplicado. Se voc\u00ea conseguir restringir o CSS ao seu tema, saiba que a maioria dos temas possui um local onde \u00e9 poss\u00edvel adicionar CSS personalizado; portanto, pergunte ao desenvolvedor do seu tema sobre isso caso n\u00e3o tenha certeza de onde encontr\u00e1-lo.<\/p>\n \n\t Para este exemplo, digamos que eu gostaria que os t\u00edtulos dos campos do meu formul\u00e1rio de cadastro MemberPress fossem um pouco maiores do 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 vai perceber que, quando fiz isso, a se\u00e7\u00e3o destacada em cinza nas ferramentas de desenvolvedor \u00e9 o que est\u00e1 diretamente relacionado a esse r\u00f3tulo do formul\u00e1rio. Aqui, estamos procurando a classe `div`, que nos dir\u00e1 qual \u00e9 a classe CSS que est\u00e1 sendo chamada e usada para exibir o texto. Quando passo o mouse sobre a classe `div`, ela destaca em azul o item espec\u00edfico ao qual est\u00e1 afetando; portanto, essa \u00e9 uma boa maneira de verificar se voc\u00ea est\u00e1 identificando a classe correta. A classe para isso \u00e9 mp-form-label<\/strong> e, embora neste artigo n\u00e3o vamos nos aprofundar muito nos detalhes de como o CSS funciona (mas se voc\u00ea quiser saber mais sobre 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 Alguns pontos importantes a serem observados aqui s\u00e3o: certifique-se de iniciar cada classe com um \u201c.\u201d (ponto), coloque o estilo entre \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 raz\u00e3o para isso \u00e9 que, na maioria das vezes, ao adicionar CSS personalizado, voc\u00ea estar\u00e1 substituindo o CSS existente, e isso deve garantir que o seu CSS personalizado seja exibido em seu lugar. Veja como ficaria essa edi\u00e7\u00e3o:<\/p>\n \n\t \u00c0s vezes, voc\u00ea perceber\u00e1 que uma parte espec\u00edfica do seu site n\u00e3o est\u00e1 carregando corretamente, como arquivos protegidos por regras de URI personalizadas. Isso geralmente ocorre quando o conte\u00fado est\u00e1 sendo carregado por um servidor que n\u00e3o seja o Apache, como o NGINX, que \u00e9 uma causa comum desse problema. Para verificar isso, basta abrir as Ferramentas do Desenvolvedor e acessar a aba Rede. Se n\u00e3o aparecer nada, talvez seja necess\u00e1rio atualizar a p\u00e1gina; caso contr\u00e1rio, voc\u00ea ver\u00e1 uma lista de todos os locais dos arquivos usados para carregar a p\u00e1gina. Role a p\u00e1gina para baixo at\u00e9 encontrar o local do arquivo que est\u00e1 obtendo o conte\u00fado que n\u00e3o est\u00e1 carregando corretamente (geralmente voc\u00ea saber\u00e1 qual \u00e9, pois 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 na se\u00e7\u00e3o \u201cResponse Headers\u201d, como pode ser visto aqui:<\/p>\n \n\t Aqui voc\u00ea vai perceber que o conte\u00fado foi carregado pelo Apache, mas, novamente, se for outro servidor e voc\u00ea estiver enfrentando algum problema, ser\u00e1 necess\u00e1rio fazer uma altera\u00e7\u00e3o. Mais especificamente, voc\u00ea precisa entrar em contato com o provedor de hospedagem e verificar se eles podem encaminhar as solicita\u00e7\u00f5es desses tipos de arquivo ao Apache para processamento, em vez de ao 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 […]<\/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,"_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":["post-61405","ht_kb","type-ht_kb","status-publish","format-standard","ht_kb_category-miscellaneous","entry","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 altera\u00e7\u00f5es no seu tema ou plugin.<\/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 seu conte\u00fado est\u00e1 sendo carregado quando ele n\u00e3o estiver carregando corretamente.<\/h4>\n
![](\"https:\/\/memberpress.com\/wp-content\/uploads\/2024\/02\/file-Ps6LICbP8X.png\")
<\/p>\n