Suporte » Desenvolvendo com WordPress » Elementos se sobrepondo.

  • Resolvido mrstecno

    (@mrstecno)


    Olá.

    Fiz uma alteração na posição dos elementos na minha pagina para que o valor do produto ficasse na posição que o cliente quer, estou utilizando produtos variáveis, quando clico para escolher uma das variações ele aparece normalmente, porém quando clico em limpar ele sobrepõe todos os elementos. O que fiz foi mudar para relative a position dos elementos e alterar a posição deles.

    Elementos se sobrepondo: https://prnt.sc/peb0ct
    Elementos corretos com variação selecionada: https://prnt.sc/peb0ro

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

Visualizando 7 respostas - 1 até 7 (de um total de 7)
  • saudações mrstecno,

    a melhor solução para isso é usar um z-index,

    https://www.w3schools.com/cssref/pr_pos_z-index.asp

    onde você alterou a position dos elementos, adicione um z-index com valor “alto”, tipo 9 ou 99, no elemento que está ficando por baixo.

    boa sorte.

    Olá, obrigado pela resposta, eu coloquei o z-index no console do navegador para ver como iria ficar e não alterou.

    Alteração: https://prnt.sc/pebawg

    Bom dia @mrstecno não é problema de Zindex, mas sim de configuração do css.

    Veja se não fez alguma alteração no css do woocommerce, pois tem uma alteração na classe da tabela alterada:

    .single-product div.product table.variations td, .single-product div.product table.variations th {
    display: list-item;
    padding: 0;
    list-style: none;
    background-color: transparent;
    position: relative;
    top: 100px; <-- ESTE CARA TÁ CAUSANDO A SOBREPOSIÇÃO
    }

    Realmente, fiz a alteração deixei 75 e ele não sobrepôs e ficou em uma posição um pouco boa.

    Fiz um post sobre algo parecido porém postei em temas e creio que está no local errado já que seria aqui em desenvolvimento com wordpress, eu consigo alterar pra cá esse post? ou consegue me dar uma ajuda lá? eu tentei marcar ele lá como resolvido e postar aqui porém fica como duplicado.

    Post: https://br.wordpress.org/support/topic/botao-comprar-perdeu-responsividade/

    • Esta resposta foi modificada 1 semana, 3 dias atrás por  mrstecno.

    o z-index seria um quebra-galho, pois quando falou de “position” vi que havia mexido no CSS. dependendo do que se mexe, o z-index pode resolver ou não.

    mas o apontado pelo Riccardo Benetti está show. valeu demais.

    Muito obrigado pela ajuda.

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