Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #405807

    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?

    #406051

    Hey Jonas!

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

    Cheers!
    Elliott

    #406084
    This reply has been marked as private.
    #406217

    Hi!

    Please try this in your Quick CSS:

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

    Cheers!
    Rikard

    #406379

    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)

    #406433

    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 9 years, 9 months ago by Günter.
    #406444

    The padding works very well – Thanks.

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

    #406455

    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

    #406501

    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?

    #406534

    Hi!

    Try the following:

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

    Best regards,
    Günter

    #406542

    Perfect, thank you sooo much

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