Suporte » Ajustando o WordPress » Widget horizontal

  • Resolvido Alex Rodrigues

    (@alexrodrigues)


    Tenho um tema que tem a opção de adicionar widget, mas quando adiciono 2 segundo e o terceiro widget ele vai adicionando um em baixo do outro.

    Será que tem alguma maneira de fazer adicionar um ao lado do outro na horizontal ?

Visualizando 6 respostas - 1 até 6 (de um total de 6)
  • Moderador Mário Valney

    (@mariovalney)

    WordPress Cleric of Fire

    Olá @alexrodrigues, tudo bem?

    A listagem vertical dentro da administração do WordPress é apenas visual. O front-end, ou seja, a frente do seu site (o que seu usuário vê) é responsabilidade do Tema. Ele é quem cria o layout.

    Sendo assim, você precisa procurar saber se o Tema que está usando tem essa funcionalidade.

    Se não tiver, o jeito é trocar de Tema ou criar um Tema Filho para fazer essa alteração via código.

    Abraços

    Criador do tópico Alex Rodrigues

    (@alexrodrigues)

    Então eu tentei mudar no arquivo style.css na pasta do tema, algumas modificações eu consegui fazer mas essa de deixar os widget em horizontal não consegui.
    No style.css já está float:left; na div que é do widget.

    O que será que pode ser ?

    • Esta resposta foi modificada 5 anos, 4 meses atrás por Alex Rodrigues.
    • Esta resposta foi modificada 5 anos, 4 meses atrás por Alex Rodrigues.
    Moderador Mário Valney

    (@mariovalney)

    WordPress Cleric of Fire

    Vai depender de como seu tema foi feito.
    Não existe uma solução universal para se criar/editar uma interface.

    Qual o link do site?

    Criador do tópico Alex Rodrigues

    (@alexrodrigues)

    Moderador Mário Valney

    (@mariovalney)

    WordPress Cleric of Fire

    Bem. O seguinte CSS deve colocar os calendários um do lado do outro:

    #secondary {
        width: 100%;
    }
    
    #secondary .widget {
        width: 32%;
        display: inline-block;
        float: left;
        margin-right: 2%;
    }
    
    #secondary .widget:last-of-type {
        margin-right: 0;
    }

    Mas esse código é só um exemplo rápido. Faça os ajustes necessários e testes.

    Abraços

    Criador do tópico Alex Rodrigues

    (@alexrodrigues)

    funcionou obrigado !!

Visualizando 6 respostas - 1 até 6 (de um total de 6)
  • O tópico ‘Widget horizontal’ está fechado para novas respostas.