Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 4, 2015 at 3:53 pm #405807
    jjdenmark

    Hi, I have a custom list with images insted af the normal circles.

    I have tried several different css fixes, but cant find the right one to get more RIGHT margin from the bullets to the text in the liste.

    I m using this to style my list:

    .list1 {font-family: Verdana, Geneva, sans-serif !important;
    padding-left: 30px !important;
    font-size: 15px !important;
    font-style: normal;
    color: #000;
    list-style-image: url(/wp-content/uploads/2015/03/plus_icon5.jpg) !important;
    }

    Now it dosent help to incert Margin: 0 20px 0 0;

    Can you help me here?

    March 4, 2015 at 9:35 pm #406051
    Elliott

    Hey Jonas!

    Send us a link and we’ll take a look. You can set your reply as private if you wish.

    Cheers!
    Elliott

    March 4, 2015 at 10:12 pm #406084
    jjdenmark
    This reply has been marked as private.
    March 5, 2015 at 4:40 am #406217
    Rikard

    Hi!

    Please try this in your Quick CSS:

    .entry-content-wrapper div li {
text-indent: 20px;
}

    Cheers!
    Rikard

    March 5, 2015 at 1:36 pm #406379
    jjdenmark

    Well, helps nice on 1 line – the one beside the bullet.

    Also, is it possible to make more space between the textfileds (margin-buttom I guess)

    March 5, 2015 at 3:12 pm #406433
    Günter

    Hey!

    Thank you for coming back.

    Try the following and adjust the value:

    
.home .av_textblock_section .list2 li {
    padding-bottom: 15px !important;
}

    Cheers!
    Günter

    • This reply was modified 10 years, 8 months ago by Günter.
    March 5, 2015 at 3:34 pm #406444
    jjdenmark

    The padding works very well – Thanks.

    I still have the problem with the margin on line nr. 2

    March 5, 2015 at 3:50 pm #406455
    Günter

    Hey!

    Try to replace the code from Rikard with:

    
.home  .entry-content-wrapper div li {
    list-style-position: outside !important;
    padding-left: 10px !important;
}

    Cheers!
    Günter

    March 5, 2015 at 4:46 pm #406501
    jjdenmark

    Thanks a lot, now it working.

    Now I have your attention, can you tell me how to change the right padding on the small images.

    I tried with a div both with padding and margin, but it wont work, do you have any ideas?

    March 5, 2015 at 5:32 pm #406534
    Günter

    Hi!

    Try the following:

    
.home .post-entry p .thumbnails {
    margin-right: 25px !important;
}

    Best regards,
    Günter

    March 5, 2015 at 5:41 pm #406542
    jjdenmark

    Perfect, thank you sooo much

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘More margin bullets to text in lists’ is closed to new replies.