Suporte » Ajustando o WordPress » Espaço em branco após footer

  • Resolvido waldirsilva

    (@waldirsilva)


    Bom Dia Pessoal!
    Não sou desenvolvedor de sites.
    Como faço para remover o espaço em branco que restou após o footer?
    Muito brigado.

    • Este tópico foi modificado 7 meses, 3 semanas atrás por waldirsilva.

    A página que eu preciso de ajuda: [fazer login para ver o link]

Visualizando 6 respostas - 1 até 6 (de um total de 6)
  • Olá, olhei rapidinho o seu site e a div principal do template tem esses atributos no css:

    #main #content-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
    }

    entre no editor de temas e vá até o arquivo style.css e a linha padding-bottom: 50px;.

    Não esqueça de fazer um backup do seu tema antes do procedimento.

    Espero ter ajudado.

    Criador do tópico waldirsilva

    (@waldirsilva)

    Boa Tarde Luíza!
    Primeiramente quero agradecer a sua resposta.
    Fui até o Editor de Temas em “aparência/editor de temas/folha de estilos(style.css), e não encontrei a linha que você me indicou.

    Estas são as linhas que lá existem:

    * Theme Name: OceanWP
    * Text Domain: oceanwp
    * Version: 1.8.7
    * Tested up to: 5.5
    * Requires at least: 5.3
    * Requires PHP: 7.2
    * Author: Nick
    * Author URI: https://oceanwp.org/about-me/
    * Theme URI: https://oceanwp.org/
    * Description: OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc… Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it’s the only theme you will ever need: https://oceanwp.org/demos/
    * Tags: two-columns, right-sidebar, footer-widgets, blog, news, custom-background, custom-menu, post-formats, rtl-language-support, sticky-post, editor-style, threaded-comments, translation-ready, buddypress, custom-colors, featured-images, full-width-template, theme-options, e-commerce
    *
    * License: GNU General Public License v2.0 or later
    * License URI: https://www.gnu.org/licenses/gpl-2.0.html
    *
    * All files, unless otherwise stated, are released under the GNU General Public
    * License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

    * This theme, like WordPress, is licensed under the GPL.
    * Use it to make something cool, have fun, and share what you’ve learned
    * with others.
    *
    * DO NOT ADD YOUR CSS TO THIS FILE – IT WILL BE LOST
    * To add your own CSS, use a child theme: https://github.com/oceanwp/oceanwp-child-theme
    *
    * CSS file is in “assets/css”
    */

    Ou seria pra eu inserir padding-bottom: 50px;. ?

    Moderador Felipe Santos / a11n

    (@felipeloureirosantos)

    Support Team volunteer | He/Him | PT/EN

    Olá, tudo bem?

    A última resposta está correta quanto ao CSS, mas não recomendo que coloque diretamente no tema.

    O ideal é colocar em um tema descendente ou no CSS adicional do WordPress.

    Basta acessar o seu painel do WordPress, depois Aparência > Personalizar > CSS adicional, e adicionar o seguinte CSS por lá:

    /* Remover o espaço em branco após o footer */
    
    #main #content-wrap {
    padding-bottom: 0;
    }
    Criador do tópico waldirsilva

    (@waldirsilva)

    Boa Tarde Felipe!

    Espaço removido!
    o código funcionou certinho no desktop.
    Porém no celular ainda permanece.
    Pode me ajudar?
    Muito obrigado por sua colaboração.

    • Esta resposta foi modificada 7 meses, 1 semana atrás por waldirsilva.
    • Esta resposta foi modificada 7 meses, 1 semana atrás por waldirsilva.
    • Esta resposta foi modificada 7 meses, 1 semana atrás por waldirsilva.
    Criador do tópico waldirsilva

    (@waldirsilva)

    Amigos,
    Resolvido!
    Muito Obrigado Felipe.

    • Esta resposta foi modificada 7 meses, 1 semana atrás por waldirsilva.

    Olá, estou desenvolvendo um site em WordPress usando o tema OceanWP, mas estou tendo o mesmo problema do espaço branco abaixo do Footer customizado que criei, ao usar o código:

    #main #content-wrap {
    padding-bottom: 0;
    }

    O problema “foi aparentemente resolvido” o espaço branco só aparece em tablets e smartphones, porém ao inserir o código, usuarios relatam problema ao navegar no site, informam que ele fica “travando ao delizar” então percebi que ele está criando dois 2 scrools para a pagina, aonde a pessoa tem que deslizar 2 vezes, toda vez para poder utilizar o site, o que tornou a solução um problema, percebi que se remover os códigos (content-area clr) no console do chorme, ele some, teria algum modo em CSS para resolver o problema?

    <div id=”content-wrap” class=”container clr”>
    <div id=”primary” class=”content-area clr”>
    <Conteudo>
    ::after
    </div>
    ::after
    </div>

Visualizando 6 respostas - 1 até 6 (de um total de 6)
  • Você deve estar conectado para responder a este tópico.