- This topic has 7 replies, 2 voices, and was last updated 4 years, 6 months ago by
Leo.
-
AuthorPosts
-
December 21, 2017 at 10:19 am #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?
December 21, 2017 at 3:30 pm #454872Leo
StaffCustomer SupportHi 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/December 22, 2017 at 2:13 am #455080Rodolfo
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.
December 22, 2017 at 8:27 am #455288Leo
StaffCustomer SupportHi 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/December 22, 2017 at 9:05 am #455317Rodolfo
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;
}December 22, 2017 at 9:14 am #455321Leo
StaffCustomer SupportHmm 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/December 22, 2017 at 9:29 am #455323Rodolfo
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!
December 22, 2017 at 4:17 pm #455565Leo
StaffCustomer SupportNo problem!
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.