WordPress Espied Question: Alterar botão “Próximo e Anterior”

Um usuário perguntou 👇

Olá,

Quero alterar os botões “Anterior” e “Próximo” e não sei se isso pode ser feito diretamente com CSS.

Não quero mudar o botão inteiro, apenas a palavra “Próximo” e “Anterior” e a pequena seta

Obrigado por ajudar.

PS: Eu trabalho localmente, então tiro uma captura de tela.


Este tópico foi modificado 3 anos, 6 meses atrás por. Este tópico foi modificado 3 anos, 6 meses atrás por.

(@sacredpath)

Engenheiro Automóvel Felicidade

3 anos, 6 meses atrás

Olá, Use o CSS personalizado a seguir para alterar a primeira e as setas de navegação anteriores em páginas de postagem individuais na coluna da direita.

.nav-links {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;	
	flex-direction: column;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	box-orient: vertical; 
}
.nav-next {
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}
.nav-previous {
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}

Esse código funciona em todos os navegadores modernos, mas para o Internet Explorer, apenas a versão 10 e posterior (e o Edge) reconhecem o código, portanto, o IE9 e versões anteriores não verão essa alteração.

(@egostrip)

3 anos, 6 meses atrás

Olá,

Desculpe, não é isso que eu quero.

Foi um mal-entendido (foi meu), é isso que eu queria explicar:




Não hesite se precisar de mais explicações. (Desculpa pelo meu Inglês)

Obrigado.

(@sacredpath)

Engenheiro Automóvel Felicidade

3 anos, 6 meses atrás

Hmmm, quando adiciono o seguinte ao site de demonstração por meio do meu inspetor da web (tenho uma regra CSS adicional que adicionei ao botão de arquivo do portfólio), as setas seguinte e anterior no site mudaram para a direita e o controle deslizante azul: rótulos também mudam de posição à medida que são anexados aos botões.

.nav-links {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;	
	flex-direction: column;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	box-orient: vertical; 
}
.nav-next {
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}
.nav-previous {
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}
.nav-archive {
	-webkit-box-ordinal-group: 3;
	-moz-box-ordinal-group: 3;
	-ms-flex-order: 3;
	-webkit-order: 3;
	order: 3;
}

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 *