Okay
  Public Ticket #3710330
Icon list
Closed

Comments

  •  5
    rezoomexsite started the conversation
    August 23, 2024 at 5:33am

    Hi,

    I'm trying to create a vertical icon list. At the end of the last list item, there is a small vertical line (highlighted in a red box in the attachment). How do I remove this line? 

    Attached files:  Screenshot 2024-08-23 at 10.57.29.png

  •  3,001
    Andrew replied
    August 23, 2024 at 5:40am

    Hi there,

    Thank you for reaching out to us.

    Could you share a link to the page with the icons so we can check this out for you? I can't seem to find it on the page that you shared.

    We look forward to your reply.

    Thanks,

  •  1,919
    Judith replied
    August 23, 2024 at 5:40am

    Hi there,

    Thanks for writing to us.

    I am not seeing the icon list with the line on your site, please share the URL of the page where this is located.

    I look forward to your response.

  •  5
    rezoomexsite replied
    August 23, 2024 at 6:46am

    https://training.rezoomex.com. Its the row after the main hero section. 

  •  3,001
    Andrew replied
    August 23, 2024 at 7:50am

    Hi again,

    Thank you for getting back to us.

    Add this into the Custom CSS box in your Salient Theme Options panel:

    /*adjust icon list line height*/
@media only screen and (max-width: 1024px) {
  .nectar-icon-list:after {
    height: 93%;
  }
}
@media only screen and (min-width: 1025px) {
  .nectar-icon-list:after {
    height: 97%;
  }
}

    Try this and let us know how it goes.

    Thanks,

  •  5
    rezoomexsite replied
    August 23, 2024 at 8:13am

    This worked. Thank you.

  •  3,001
    Andrew replied
    August 23, 2024 at 8:16am

    Hi again,

    Thank you for getting back to us.

    I'm glad we could assist. Feel free to reach out if you have any other queries.

    Cheers,