2nd line indent in link

[mika]

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

[Paulie_D]

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

[mika]

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

[Paulie_D]

Something like this

http://codepen.io/Paulie-D/pen/NPvWdg

[Author]

Posts