Okay
  Public Ticket #2483439
Horizontal list item indent
Closed

Comments

  •  4
    Marcin started the conversation

    Hi!

    Hi can I add few spaces or some 10px left padding to some of the horizontal list items? It works as a table and few rows need to be indented. Centering is too much and not the same way on each item.

    Please see attached.

  •  3,017
    Andrew replied

    Hi Marcin,

    Use the following custom css:

    .nectar-hor-list-item[data-columns="2"][data-column-layout="xlarge_first"] >div:nth-child(1) {
        padding-left: 20px;
    }
    

    Hope this helps.

  •  4
    Marcin replied

    Hi Andrew,

    thanks, it moves all the list items in first column. I wish to decide which text in first column to move and leave the other rows. This is my goal. Attached

  •  3,017
    Andrew replied

    Hi Marcin,

    The following will alternate:

    .nectar-hor-list-item:nth-child(3) .nectar-list-item[data-text-align="left"] {
        padding-left: 20px;
    }
    .nectar-hor-list-item:nth-child(5) .nectar-list-item[data-text-align="left"] {
        padding-left: 20px;
    }
    

    Thanks.

  •  4
    Marcin replied

    Hi,

    thank you but it wont work. It will be lots of products pages with tables, and different numbers of rows on each.

    Is there any tab or space html code that can work inside the horizontal list item editor?

    I tried inline span styling with no luck.

  •  1,089
    ThemeNectar replied

    Hey marcin,

    This wouldn't be possible with spaces alone since WP will remove blank spaces when saving.

    One possible solution would be to separate each horizontal list item into its own row and then use left padding on the rows you wish to indent. In order to get all the items to sit flush vertically, you can set each row's column margin to "none"

  •  4
    Marcin replied

    Thank you!

    I will try some table plugin in that case. It could be simpler way.