Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 21, 2020 at 9:25 am #1176612
    cosmicyes

    Dear all,

    this may sound a bit weired but is there a way to use the Icon Grid without showing an icon?
    Just title and subtitle?

    Thank you so much in advance.

    January 21, 2020 at 12:40 pm #1176678
    Rikard

    Hey cosmicyes,

    I guess you could hide the icon yes, could you post a link to where we can see the elements in question? Do you want to hide the icons site wide or for just one page?

    Best regards,
    Rikard

    January 21, 2020 at 12:47 pm #1176686
    cosmicyes

    At the moment I cannot post a link as the site is under construction on localhost.
    I just want to remove it on one page – I added an Icon Grid, 4 Elements with title and subtitle.
    The icon just is a little too much here so I just want to hide it.
    If I use Icon Grid on a different page maybe it´s good to have icons.
    Any idea? Thanks in advance.

    January 21, 2020 at 12:53 pm #1176692
    Guenni007

    if you give to the icongrid alb element itself a custom-class f.e.: without-icons this class goes to the wrap container.
    Then you only have to select the icons within custom class :

    .avia-icon-grid-container.without-icons .avia-icongrid-icon {
    display: none;
}
    • This reply was modified 4 years, 10 months ago by Guenni007.
    January 21, 2020 at 2:04 pm #1176725
    cosmicyes

    Thank you Guenni007.
    I am not so familiar with adding custom css to Enfold by now.
    I have added it with some modification to quick CSS and it works great.
    Of course this now is a global setting – but I´ll figure out how custom CSS works ;-)

    Thanks again!

    Update:
    I deleted the code from quick CSS and added a Code Block Element to the page where I use the Icon Grid.
    Then I added your code like this:

    <style>
.avia-icongrid-icon {
    display: none;
}
</style>

    Works great!

    • This reply was modified 4 years, 10 months ago by cosmicyes.
    January 21, 2020 at 2:12 pm #1176730
    Yigit

    Hey,

    You can simply edit your Icon Grid element and go to Advanced tab and open “Developer Settings” tab add custom CSS class as shown in the screenshot – https://imgur.com/a/v8polBG


    @guenni007     thanks for your help as always!

    Regards,
    Yigit

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