WordPress.org

Ready to get started?Download WordPress

Forums

[List_item] second line indented (6 posts)

  1. victorl3
    Member
    Posted 1 year ago #

    Hi, I am using inovado theme by minti. I am having a problem with the second line in the list item to be aligned with the first line.

    the code is below:

    [list]
      [list_item icon="glass"]  das fd sdfa f sdfs fsd fsdfa dsf sf df sad fs df sf[/list_item]
      [list_item icon="music"] das fd sdfa f sdfs fsd fsdfa dsf sf df sad fs df sf[/list_item]
      [list_item icon="search"] das fd sdfa f sdfs fsd fsdfa dsf sf df sad fs df sf[/list_item]
      [list_item icon="envelope"] das fd sdfa f sdfs fsd fsdfa dsf sf df sad fs df sf[/list_item]
    [/list]
    
    I found the css code for the list as following:
    
    /* Lists ---------------------------------------------------- */
    
    ul,
    ol { margin-bottom: 20px }
    
    ul { list-style: none outside;	}
    
    ol,
    ul { margin-left: 30px }
    
    ol { list-style: decimal; }
    
    ul { list-style: square outside;}
    
        ul li ul,
        ol li ul,
        ol li ul,
        ol li ol { margin-bottom: 0;
    	 }


    [Please use the code buttons]

    Any help would much be appreciated.

    Cheers
    V

  2. Timothy Jacobs
    Member
    Posted 1 year ago #

    A link would be awesome, as well as if you could place your code inside backticks (`) or just hit the code button.

  3. victorl3
    Member
    Posted 1 year ago #

    Hi Tim

    Please see the Why choose us list in the page as following
    http://douebookkeeping.com.au/?page_id=91

    Cheers

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Here's info on CSS for lists:

    http://www.w3schools.com/css/css_list.asp

    For additional help, please contact the developer of your theme-
    http://themeforest.net/item/inovado-retina-responsive-multipurpose-theme/3810895

  5. Timothy Jacobs
    Member
    Posted 1 year ago #

    Try dropping this where ever your theme gives you a place to put custom css. For this to work you will need to put the text inside each of the list items inside <p></p> tags.

    ul.styled-list li i {
    	margin-top: 3px;
    	display: block;
    	float: left;
    }
    ul.styled-list li p {
    	margin: 0 0 0 21px;
    }
  6. victorl3
    Member
    Posted 1 year ago #

    Thanks Tim...Your code helps a lot. Cheers

Topic Closed

This topic has been closed to new replies.

About this Topic