Archived topic
Line Height - class="SaibaMais"
7 replies · Started by Rodolfo on December 21, 2017
Hello. Please, give me a little help... :-)
I would like to change line-heing in just a specific text... So, I created a class "SaibaMais"
.SaibaMais
{
font-size: 75%;
line-height: 100%;
}
and then, my HTML:
<em class="SaibaMais">Envio da Nota Fiscal e Boleto Bancário no mesmo email para o cliente.
but it not worked...
If I define line-height: 100% in .entry-content, .entry-summary classes, it works, but it is applied in entire page, not just <em class="SaibaMais">...
How can I change line-height just for this part?
Hi there,
I'm not seeing that sentence in the page you linked?
Can you guide me to it?
Sorry Leo, I just updated the page... anyway -> http://www.computar.com.br/sistema-erp/controle-de-vendas/
These two lines below, are the text that I would like to change line-width...
"Faturamento Inteligente: Cálculos de impostos, retenções e códigos fiscais automatizados!"
and
"Envio da Nota Fiscal e Boleto Bancário no mesmo email para o cliente."
Thank you.
Hi there,
I see the CSS being applied. What appearance are you trying to achieve?
Maybe try line-height: 3em; ?
Hi Leo... yeah, you are right... but there is something strange here...
I would like to decrease the space between lines...
if I use line-height: 3em; or any bigger number (4em, 5em, ...) it works... But If I set 2em, 1em;, it not work.
Same if I use 100%, 200%... etc... I can increase the space, but not decrease...
BUT, if I move line-height to entry-content (below), it works to increase, and decrease too....
.entry-content,
.entry-summary
{
text-align: justify;
line-height: 1em;
}
Hmm the line height is still from the <p> element.
Try this HTML:
<p class="SaibaMais"><em>Envio da Nota Fiscal e Boleto Bancário no mesmo email para o cliente.</em></p>
With this CSS:
p.SaibaMais {
line-height: 1em;
}Great Leo!
<p class="SaibaMais">em></p> did it works!
Actually, it was not necessary add p. in Css... (just for your information... I added it too, but works just change HTML code!
Thank you a lot!
No problem!
