Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 23, 2024 at 6:44 am #1440559
    xfacta

    Hi there

    I have added some custom CSS to change the size of the icons but now I’ve noticed the dotted line that usually runs down the center of the icons is showing to the right – can you please help me get the line centered again: https://www.skills4lifepsychology.com/anxiety/
    here is the custom css:
    /* Icon list icon size */
    .avia-icon-list .iconlist_icon {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 18px;
    }

    #top .avia-icon-list .iconlist_icon {
    top: 15px;
    }

    Cheers
    Natasha

    April 23, 2024 at 9:14 am #1440572
    Rikard

    Hey xfacta,

    Please try this CSS as well:

    .avia-icon-list .iconlist-timeline {
  top: 35px;
  left: 46px;
}

    Best regards,
    Rikard

    April 24, 2024 at 3:11 am #1440640
    xfacta

    Hey Rikard

    thank you – I had to adjust the left number but it worked :-)

    Cheers
    Natasha

    April 24, 2024 at 9:04 am #1440665
    Rikard

    Hi,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    April 24, 2024 at 9:09 am #1440668
    xfacta

    Thanks so much – you can close

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Icon list stlying – dotted line off center’ is closed to new replies.