question

Custom CSS codigo Wordpress cabecalho posicao alterar/editar?

Oi, por favor me ajudar com este como não consigo fazer quaisquer alterações a ele.
Este é o meu css deslizante. O que eu quero mudar é o h2 & h5 & p & o link de ação;
A mudança deve ser que o texto para todos esses valores subir algumas linhas, porque eles são muito baixos.
Mudei a área de controle deslizante de altura 520 para 320px. é por isso que eu preciso os cabeçalhos de texto para subir ainda mais.

Muito Obrigado!!!

/ - CONTROLE DESLIZANTE CÓPIA- /
.Slider-cópia {largura: 48%; cor: #fff; posição: parente; z-index: 2;}
.Slider-copy.full {largura: 100%; margem: auto; text-align: center;}
.Slider-cópia h2 {margin-bottom: 20px; cor: #fff; font-size: 48px; line-height: 48px; font-weight: 600; letter-spacing:-3px; text-shadow: 0px 1px 1px rgba (0, 0, 0, 0,4);}
.Slider-cópia h5 {margin-bottom: 20px; font-size: 20px; line-height: 28px; cor: #eee; text-shadow: 0px 1px 1px rgba (0, 0, 0, 0,4);}
.Slider-cópia p {margem: 0px 0px 30px de 30%; cor: #fff; text-shadow: 0px 1px 1px rgba (0, 0, 0, 0,4);}
.Slider-copy.full p {margem: 0px 15 30px 15%;}
.Slider-copiar .action-link {padding: 30px 13px; exibir: inline-block; background: #FF6C70; cor: #fff; text-shadow: 0px 0px de 1px rgba (0, 0, 0, 0,2);
line-height: 1em; border-radius: 5px; font-weight: 600;}
.action .slider-cópia-link: hover {background: #F47E81; cor: #fff;}
resposta Resposta
Tal como acontece com a maioria dos problemas CSS que se relacionam com as interações de colocação entre os vários elementos, existem muitas soluções alternativas. Se você tem o código ativo on-line em algum lugar que não pode ser revista, você poderia provavelmente começar mais cedo uma resposta melhor. Se não, tente mexer (termo técnico) com os atributos de margem do h2, h5, p e seletores de .action-link.

A propriedade {margin-bottom: 20px;} h2 e h5 elementos no contexto de recipientes pai .slider-cópia do classe certamente está empurrando as coisas abaixo desses elementos h2 e h5 para baixo. Reduzir este valor, permitirá elementos abaixo aqueles h2 e h5 a andar superior no elemento pai .slider-cópia.

Você pode adicionar atributos margin-top .slider-cópia p e seletores de p .slider-copy.full. Na verdade, valores de margem podem ser negativos. Desde que as margens superiores atuais já estão 0, iniciar com {margin-top:-1em;} e trabalhar seu caminho mais longe até o recipiente usando valores negativos "maiores". As novas declarações de margin-top precisam cair após as declarações de margem atual para substituir as configurações atuais, ou você pode simplesmente substituir o valor superior em seu atributo de margem, por exemplo, {margem: 30px de 30% 0 0;} ==> {margem:-1em 30% 30px 0;} (Observação: você não precisa de unidades, quando o valor é 0).

Usando valores negativos para o margin-top dos elementos h2 e h5 também é uma opção.

Para .slider-cópia p e p .slider-copy.full, você está usando uma margem inferior de 30px. Diminuir os valores puxará elementos abaixo aquelas acima da página do p.

Não tenho certeza de quais são as regras CSS a atuais para as margens do elemento inline-block no contexto de seu outro CSS. Observar, no entanto, que o preenchimento da parte superior e inferior de 13 pixels pode ser reduzido para influenciar a posição aparente dos conteúdos. Claro, você pode adicionar atributos de margem para mover os elementos, se desejar.

Tendo sugeri-los, quero observar que, em geral, se você está tendo de recorrer a muita margem negativa-ing, há provavelmente uma falha de projeto.

Como alternativa, uma vez .slider-cópia tem posição, talvez você prefira posicionar todos os elementos filho usando atributos de posição e top. Novamente, existem muitas opções concorrentes.

Desculpe, eu não posso dar uma resposta inequívoca, mas realmente não deu bastante informação e contexto para respostas definitivas.

ComentáriosComentários
Acho que a resposta não está correta ou que você gostaria de acrescentar mais
alguma informação? Envie o seu comentário abaixo..

Guest


HTML não é permitido!

Image Code

Digite os caracteres que aparecem na imagem por isso sabemos que você é humano!

Receber um email quando alguém acrescenta outro comentário a esta pergunta


Topo da página


Home  Terms
Copyright © Accelerated Ideas 2005-2024
All rights reserved