Okay
  Public Ticket #2469157
Horizontal List customized column widths
Closed

Comments

  •  4
    jeffhurlow12 started the conversation
    July 10, 2020 at 2:30pm

    Hi there! I'm wondering how I would go about modifying the column widths for the Horizontal List Item? I know that there are several default values, but I'm looking to do something like 10% | 50% | 15% | 25%.


    Thanks!

  •  2,979
    Andrew replied
    July 10, 2020 at 3:02pm

    Hi there,

    Use the following custom css:

    .nectar-list-item:first-child {
    width: 10% !important;
}
.nectar-list-item:nth-child(2) {
    width: 50% !important;
}
.nectar-list-item:nth-child(3) {
    width: 15% !important;
}
.nectar-list-item:nth-child(3) {
    width: 25% !important;
}

    Hope this helps.

  •  4
    jeffhurlow12 replied
    July 10, 2020 at 3:17pm

    hey andrew,

    thanks this is great. but does this create a global change for all instances of the Horizontal List feature? if it is, is there a way to make it more specific to an instance like adding a class?

  •  2,979
    Andrew replied
    July 10, 2020 at 3:27pm

    Hi there,

    It will apply globally if you add in Salient > General Settings > CSS/Script related. 

    You can add per page if you insert in page settings.

    9767029028.png

    Thanks.

  •  4
    jeffhurlow12 replied
    July 10, 2020 at 5:01pm

    Perfect. Thanks Andrew!