Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 8, 2019 at 10:52 pm #1098666
    allyson3

    Hey Enfold Team,

    I want to increase both the size of the circle and icon for the Icon List on this page…

    Getting Started & The Process

    In addition, I may want to increase the icon size within the new circle size.

    I’m using icons elsewhere in the site, but don’t want this to affect their size.

    Also, I’ve uploaded a Flaticon zip with all the icons needed, but some of them are not showing up (or are showing up as a square). I’ve deleted the file and re-uploaded multiple times, but still experiencing the same issue. Any suggestions?

    http://new.legacytops.com/wp-content/uploads/2019/05/Screen-Shot-2019-05-08-at-4.45.31-PM.png

    May 10, 2019 at 3:56 am #1099130
    Rikard

    Hey allyson3,

    Please try the following in Quick CSS under Enfold->General Styling:

    .avia-icon-list .iconlist_icon {
    height: 84px;
    width: 84px;
    line-height: 84px;
    margin-left: -10px;
}

    All your icons seems to be showing on the frontend, please post admin login details in private if we need to have a look at the backend.

    Best regards,
    Rikard

    May 10, 2019 at 6:11 pm #1099369
    allyson3

    Thanks Rikard,

    1) That increased the size of the circle, but not the icons inside the circle. Can you tell me how to do that as well?

    2) However, it also affected the icons on the Home page, which I didn’t want. Is it possible to do this without affecting the icons on other pages? The page I’m working on is the only one using the “Icon List” if that helps.

    3) I attached a photo of the icons options from the back end. You’ll see the red square and other squares indicating the icons that aren’t showing up. I’ve included login credentials below so you can take a peek.

    Thanks!

    May 13, 2019 at 9:37 am #1099960
    Victoria

    Hi allyson3,

    Please try the code like this instead:

    
.page-id-1769  .avia-icon-list .iconlist_icon {
    height: 84px;
    width: 84px;
    line-height: 88px;
    margin-left: -10px;
    font-size: 50px;
}

    You need to check the file you uploaded. Make sure the zip is not corrupt.
    Best regards,
    Victoria

    May 14, 2019 at 4:48 pm #1100668
    allyson3

    Thanks Victoria,

    That worked perfectly.

    May 15, 2019 at 7:20 am #1100857
    Rikard

    Hi,

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

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.