• Resolved mrzpro

    (@mrzpro)


    Dear all, I have a problem in “line-height” customization.
    If you go to see the link
    One of involved pages
    you can see that in the bottom of the page there is an annotation of five lines that is impossible to reduce the line-height….
    There is anyone that can help me to understand why it happens and to fix it?

    Thank you in advantage for your kind cooperation

Viewing 8 replies - 1 through 8 (of 8 total)
  • I’m not 100% sure what you’re referring to, but does it go away if you put this code in Customizr’s custom CSS section:

    footer#footer {
        border-top: none;
    }
    Thread Starter mrzpro

    (@mrzpro)

    Dear Stephen, thank you for your reply.
    I’ ve tried to use the code but it does not work even because it is not the footer involved in the problem.
    The text that have to be customized is the following :
    “1 Lotario dei Conti di Segni, futuro Papa Innocenzo III, nativo di Gavignano (nei pressi di Roma): la sua brillante strategia e la perfetta padronanza dell’ideologia teocratica avevano finito per imporre la personalità di questo Papa a livello europeo, divenendo incarnazione della legge e dell’ordine. A lui si deve, tra l’altro, la realizzazione del primo stemma papale tramandatoci, nel quale è raffigurata l’aquila imperiale dei Conti di Segni che evidenzia il simbolo del potere teocratico. “
    and as you can see in the site page the distance between the lines is very excessive…..

    Wow, I apologize for my crummy answer. I was way off the ball there. Hmm, I can change the line-height on the entire table, but it affects the text at the top as well (the text that begins “Attiguo al Palazzo dei Cavalieri Gaudenti, salendo verso l’Acropoli…). Since both texts are contained within the same <td>, I can’t find a way to change the line-height for just one of the texts. table span.richiamo {} doesn’t work.

    There are 2 things affecting you.

    1) In your css:

    .richiamo {
      color: #666;
      font-size: 0.8em; /* 80% */
      line-height: 0.9; /* 82% */
      margin: 0 auto;
      text-align: justify;
    }

    Rather than use %, I’d suggest you try em for font-size, then make line-height slightly bigger but without using em.

    2) You won’t see any change until you change this (derived from red.min.css):

    table {
      border-collapse: collapse;
      border-spacing: 0;
      font-size: 14px;
      line-height: 2; /* This is causing the problem */
    }

    Try adding to your custom css panel, or preferably style.css:

    table {
      font-size: 1em;
      line-height: 1.1;
    }

    Adjust to whatever looks best.

    You’d make life easier for yourself if you changed the use of tables and used Twitter Bootstrap 2 which is built into Czr. See this Snippet for an explanation.

    Thread Starter mrzpro

    (@mrzpro)

    Hi rdellconsulting, first of all thank you for your cooperation.
    I’ve tyried to modify the CSS as for your code but it does not work, the only one working is the last code in which table properties were changed bat it affects both normal text and annotations. At the moment I obtained a good result moving the annotations out of table but it’s not enough….
    I’ ve tried also to say that .richiamo is table, td, tr .richiamo but obtaining the same effect of your last code…..

    I’ m looking for a solution but there are a lot variables that influences the result

    Can’t get to your site at moment, will try later

    Thread Starter mrzpro

    (@mrzpro)

    Hi all,
    I’ve fixed the problem creating another <div>
    Thank you all for your kind support!!!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘CSS modifying problem’ is closed to new replies.