Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 21, 2017 at 11:41 am #825073
    fabiennedevriese

    Hello,

    i wanted create a vertical line between the words on

    contact

    where you see the sentence :

    evreden klanten:Lantmannen Uitgeverij Verheyen Troostwijk Soteco Quorum KampC Hoover Harry’s Groep Huyzentruyt Elkareclame Daiichi Sankyo Belgium n.v.-S.A. Delta lloyd Bank Equinox

    by using :
    CSS -> I would put this under ‘Appearance’ -> ‘Editor’

    .verticalLine {
    border-left: thick solid #fff;
    }

    HTML :
    <div class=”verticalLine”>
    some other content
    </div>
    => where do I put this div ?

    tx for your help,
    Fabienne

    July 22, 2017 at 6:27 am #826776
    Rikard

    Hey Fabienne,

    Why not use this character in the text instead?

    |

    Best regards,
    Rikard

    July 22, 2017 at 12:18 pm #827094
    fabiennedevriese

    Hey Rikard,
    i did :-)
    found out later that it was that easy….
    I took the captial for the letter ‘i’, is that what you are proposing ?

    still, could you tell me for the next time I want to create a class, where I have to put the html-div ?

    tx,
    Fabienne

    July 23, 2017 at 6:41 am #828595
    Rikard

    Hi,

    Ok, great. If you want to do that with CSS then you would likely need to wrap every word in a span like so:

    <span class="myclass">Word</span>

    Then your CSS:

    .myclass {
  border-right:1px solid grey;
}

    Best regards,
    Rikard

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