space between textlines too small

Discussion in 'TemplateCodes' started by damiun, Jul 1, 2009.

  1. damiun Customer

    Hi,

    The space between the textlines is too small,
    the lines are overlapsing each other, does anyone know how to change this?

    Dominick

    Attached Files:

    • af.jpg
      af.jpg
      File size:
      82.2 KB
      Views:
      14
  2. seymourjames All Hands On Deck

    In your css style sheet. This should do it - you may wish to increase the line height a little more or perhaps down to 13px.

    #step2 fieldset table tr td { padding:5px; vertical-align:top;}
    #step2 fieldset table tr td form { line-height: 14px;}

    This also takes care of the vertical alignment for the packages listed.

    Also as you have the prices module you should put a line-height in explicitly into the css for that module as well.

    .prices {
    position: relative;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    display: block;
    line-height:14px;
    margin: 0 0 10px 0;
    padding: 4px 15px;


    One thing you could do if you prefer the prices module style is pinch part of the template (tpl file) from the prices module. The process would be as follows.

    1. make a copy of the appropriate checkout tpl file.
    2. put it into the nustyle template folder.
    3. modify it by using the template code for the prices module in place of the display part.
    4. take your prices css and put it your Nu style template style sheet .
  3. damiun Customer

    Hi,

    Thanks, but the weird thing is; its not only the price, it happens with every piece of text (the description text, the pages text etc)

    Dominick
  4. seymourjames All Hands On Deck

    For me after a quick look, it is your viewlistings file that looks different to the demo. Your extra pages look fine to me. Try using the viewlistings format 1 page (admin control panel - Listing View settings). Its fine.However you are using viewlistings2 and not the viewlistings1 (set in your admin control panel - list view settings).

    Specifically, for the tables (check elsewhere) you can do this instead by putting this extra code in your css file just under the existing table selector. Do check in case it has effects elsewhere. Go through all you pages. The problem is one of css CSS granularity with the default template files. Making changes internally to override the default template is not easy as it may fix one page but break another. Do use those other bits of code I gave you above as well.

    table,table.main tr td{
    line-height:16px;
    }

    or try putting a line height in here. It will tend affect everything in the middle column so you will need to do a a lot of checking if you do this. If you use this, then the code #step2 fieldset table tr td form { line-height: 14px;}
    above for the step2 is probably not needed (keep the first one though for top alignment).

    .page {
    width: 1170px;
    margin: 0 auto 10px auto;
    text-align: left;
    line-height: 16px;
    clear: both;
    }
  5. damiun Customer

  6. seymourjames All Hands On Deck

    so change the css - if you get a copy of the web developer plugin for firefox, you can pick out each element that you wish to adjust. Just put in line-height: 14 px; for example where you feel it is appropriate. alternatively you will see on this page, you are not using the <p> tag.

    Why do you keep mixing html and xhtml as well. you have <br> and <b> everywhere and you are not using <p> and </p> for example. You have no styling but bold and block.

    For example - try this

    <p>Brooke helpt werkpaarden en ezels van straatarme mensen in ontwikkelingslanden. Onze toegewijde lokale dierenartsen en hun teams geven gratis<br> diergeneeskundige hulp, voorlichting en cursussen in landen als Egypte, India en Pakistan.</p>
  7. pipelin Customer

    Can you give some advice how fix this?

    Attached Files:

    • text.png
      text.png
      File size:
      380.7 KB
      Views:
      10

Share This Page