[Resolved] Line Height – class="SaibaMais"

Home Forums Support [Resolved] Line Height – class="SaibaMais"

Home Forums Support Line Height – class="SaibaMais"

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #454705
    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?

    #454872
    Leo
    Staff
    Customer Support

    Hi there,

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

    Can you guide me to it?

    #455080
    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.

    #455288
    Leo
    Staff
    Customer Support

    Hi there,

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

    Maybe try line-height: 3em; ?

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

    #455321
    Leo
    Staff
    Customer Support

    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;
    }
    #455323
    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!

    #455565
    Leo
    Staff
    Customer Support

    No problem!

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.