Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #877263

    I’m trying to decrease the size of the icons and the font in the icon list. I was able to do it, but the vertical connecting line isn’t centered now. This is the code I used:

    /*Icon List Icon and Font Size*/
    .avia-icon-list .iconlist_icon {
      height: 32px;
      width: 32px;
      line-height: 32px;
      font-size: 15px;
      margin-right: 15px;
      margin-left: 2px;
      top: 10px;
    }
    #877732

    Hey sjahan,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    #877805

    Hi Victoria, I’m including it in the private content.

    #878104

    Hi sjahan,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    .avia-icon-list .iconlist-timeline {
        top: 15%;
        left: 18px;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #879866

    Thank you Victoria. I tried placing it under General Styling which didn’t work. Neither did the style.css file under the Child theme… I also tried adding !important after each line, but that didn’t work either =/

    #880325

    Hi sjahan,

    I edited the css in the styles.css, the syntax checker was messing with it, it did not like the whitespace, was showing errors and so did not add the styles to the file.

    Best regards,
    Victoria

    #880458

    Perfect, thanks Victoria! Have a great Thanksgiving!

    #880936

    Hi,

    I’m glad you were able to get this configured. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Icon List Resized’ is closed to new replies.