Line Height – class="SaibaMais"

[Rodolfo]

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?

[Leo]

Hi there,

I’m not seeing that sentence in the page you linked?

Can you guide me to it?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Rodolfo]

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.

[Leo]

Hi there,

I see the CSS being applied. What appearance are you trying to achieve?

Maybe try line-height: 3em; ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Rodolfo]

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;
}

[Leo]

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;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Rodolfo]

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!

[Leo]

No problem!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts