Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS 2nd line indent in link

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #194331
    mika
    Participant

    Hi,

    i’m working on new site where i want some line indent for sidebar links
    when screen size is between 991 – 768..

    http://testi2.aada.fi/index.php/palvelut/

    `

    .sisalto a {
    padding-left: 20px;
    background-image: url(“/packages/bootstrap/themes/bootstrap/images/listanuoli.png”);
    background-repeat: no-repeat;
    background-position: left center;
    font-family: “Asap”, Helvetica, Arial, sans-serif; /* Fontiksi Asap */
    color: #000;
    font-weight: bold;
    text-transform: none;
    font-size: 14px;
    list-style-type: none;
    font-style: italic;

    `

    What is the best practice for this ?

    I tied to add text-indent:-20px but that did not work out..

    // Mika

    #194334
    Paulie_D
    Moderator

    I’d probably put the padding on the li and put the caret image on that.

    #194336
    mika
    Participant

    Thx for your answer Paulie_D,

    can u give me sample what you mean?

    Sidebar link comes from Pagelist Concrete5 block and
    they are not LI items at all.

    You can try to resize your browser so you see what happens..

    // Mika

    #194340
    Paulie_D
    Moderator
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.