Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 8, 2017 at 12:18 am #849346
    viaggiareverde

    Hi,
    I’d like to know if is it possible to change the size of the title element of the icon list. In particular i’d like to change the title from h4 to h3.
    I’d like to change also the size of the icons and make them little smaller only on mobile devices. Can you please help me?

    Best regards

    Luca

    September 8, 2017 at 11:48 am #849540
    Nikko

    Hey viaggiareverde,

    Yes, you can change it but you need to use a child theme: http://kriesi.at/documentation/enfold/using-a-child-theme/
    then go to enfold (theme folder) > config-templatebuilder > avia-shortcodes > iconlist.php, copy this file then create a new folder in the child theme and call it shortcodes paste the file there and modify it. Find this code (line 556):

    $title_el = "h4";

    replace it with:

    $title_el = "h3";

    for the icon in mobile devices, try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  #top .avia-icon-list .iconlist_icon {
    height: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 18px;
  }
}

    Hope this helps :)

    Best regards,
    Nikko

    September 10, 2017 at 11:15 am #850096
    viaggiareverde

    Hi,
    thanks for your answer! Very clear and helpful.

    Best regards

    Luca

    September 10, 2017 at 4:43 pm #850140
    Nikko

    Hi,

    Glad we could help. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Icon list size’ is closed to new replies.