Pergunta sobre guias responsivas do WordPress Tabby: guias centrais

Um usuário perguntou ?

Clique na página Sobre no navegador. Estou tentando centralizar as guias, mas não consigo usar CSS.

(@numeeja)

3 anos, 4 meses atrás

As guias centralizadas não fazem parte do conjunto de recursos do plug-in e o CSS necessário para obter uma exibição personalizada como essa pode ser bastante complicado, portanto, não está no escopo do suporte gratuito que posso fornecer.

lançador de tópicos

(@jessteele)

3 anos, 4 meses atrás

Eu entendo. Obrigado por voltar para mim.

(@benmeredevelopmentcouk)

3 anos, 4 meses atrás

Oi Jessy, estou tentando fazer algo semelhante, e isso colocou as coisas no lugar:

para o estilo .responsive-tabs ul.responsive-tabs__list adicionar:

display: flex;
justify-content: center;

Observação justify-content: space-around; ou justify-content: space-evenly; também funciona bem. Não tenho certeza sobre o suporte do navegador para “bonito”.

Em seguida, para que essa alteração funcione para telas pequenas, altere este estilo para definir a especificidade:

@media (max-width: 767px) {
.responsive-tabs .responsive-tabs__list {
    display: none;
}

para:

@media (max-width: 767px) {
.responsive-tabs ul.responsive-tabs__list {
    display: none;
}

Provavelmente não é perfeito, apenas um começo.

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *