• Closed
  • Cyrille Sanson-Stern
    Spectator
    April 8, 2016 at 4:15 pm #26371

    Hi,

    Is it possible to add an icon next to the title of a tab?

    Thanks

    Denzel Chia
    Moderator
    Posts: 2656
    April 9, 2016 at 7:42 am #26384

    Hi,

    Add the following before your title.

    <i class='fa fa-twitter'></i>

    This will add twitter icon.

    Refer to the following for list of icons. Some may not work with Evolve+ Theme.
    https://fortawesome.github.io/Font-Awesome/icons/

    Thank you.

    Cyrille Sanson-Stern
    Spectator
    Posts: 27
    April 10, 2016 at 9:55 pm #26407

    Hi,

    Can you tell exactly where?

    [t4p_tabs layout=”horizontal” justified=”yes” backgroundcolor=”” inactivecolor=”” class=”” id=””]
    [t4p_tab title=”Calendar”]
    content
    [/t4p_tab]

    Thanks

    Denzel Chia
    Moderator
    Posts: 2656
    April 11, 2016 at 1:46 am #26415

    Hi,

    Please use the following example.

    Duis vitae lectus dui. Vestibulum lobortis aliquam nisl. Vivamus feugiat, sem vel tincidunt suscipit, tellus lectus lacinia enim, quis pellentesque risus augue in felis. Praesent posuere ut libero sed pulvinar. Phasellus eget magna elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla suscipit dui vel metus lobortis tristique. Morbi tristique sem velit, ac aliquam purus consectetur quis.
    Duis vitae lectus dui. Vestibulum lobortis aliquam nisl. Vivamus feugiat, sem vel tincidunt suscipit, tellus lectus lacinia enim, quis pellentesque risus augue in felis. Praesent posuere ut libero sed pulvinar. Phasellus eget magna elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla suscipit dui vel metus lobortis tristique. Morbi tristique sem velit, ac aliquam purus consectetur quis.
    Duis vitae lectus dui. Vestibulum lobortis aliquam nisl. Vivamus feugiat, sem vel tincidunt suscipit, tellus lectus lacinia enim, quis pellentesque risus augue in felis. Praesent posuere ut libero sed pulvinar. Phasellus eget magna elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla suscipit dui vel metus lobortis tristique. Morbi tristique sem velit, ac aliquam purus consectetur quis.

    Thank you

    Cyrille Sanson-Stern
    Spectator
    Posts: 27
    April 11, 2016 at 8:27 am #26425

    Hi,

    Could you tell why shortcodes are not the same that the ones you get with Evolve+?

    Compare [tabs to [t4p_tabs

    Thanks

    Denzel Chia
    Moderator
    Posts: 2656
    April 11, 2016 at 9:36 am #26432

    Hi,

    I used the tabs shortcode from demo content as an example.
    Both are suppose to work.

    If you prefer the other. You can use the following example.

    [t4p_tabs layout="horizontal" justified="yes" backgroundcolor="" inactivecolor="" class="" id=""]
    [t4p_tab title="Title <i class='fa fa-twitter'></i>"]Tab Content[/t4p_tab]
    [t4p_tab title="Title 2 <i class='fa fa-facebook'></i>"]Tab Content 2[/t4p_tab]
    [t4p_tab title="Title 3 <i class='fa fa-vimeo'></i>"]Tab Content 3[/t4p_tab]
    [/t4p_tabs]

    Thank you

    Cyrille Sanson-Stern
    Spectator
    Posts: 27
    April 11, 2016 at 3:29 pm #26443

    Hi,

    We are going on.

    Nevertheless there is an issue after each change/save of the page

    <i class=’fa fa-calendar’></i>
    become
    <i class=”fa fa-calendar”></i>

    and it generate two notices:
    Notice: Undefined index: title in …/wp-content/plugins/t4p-core/shortcodes/class-tabs.php on line 207

    Notice: Undefined index: tab00000001 in …/wp-content/plugins/t4p-core/shortcodes/class-tabs.php on line 174

    Plus how we change icon size?

    Denzel Chia
    Moderator
    Posts: 2656
    April 12, 2016 at 2:41 am #26456

    Hi,

    First of all.

    Put the shortcode example in your WordPress text editor, not the WordPress visual editor.

    As for the undefined index, they are notices, not errors.
    Please set your WP_DEBUG to false.

    To change icon size, you can add fa-2x to the icon class.
    <i class='fa fa-twitter fa-2x'></i>
    It probably works up to fa-4x

    Thank you

    Cyrille Sanson-Stern
    Spectator
    Posts: 27
    April 12, 2016 at 9:23 am #26462

    Hi,

    Putting the shortcode in the text editor is what I already do. 😉

    Not sure that to put the dust under the carpet (WP_DEBUG to false) is the best way to correct the issue.

    Despite this two notices, page’s display is broken…

    Could you, please, tell why simple cote ‘ are changed by “? And how to solve it?

    Thank you,

    Denzel Chia
    Moderator
    Posts: 2656
    April 13, 2016 at 1:22 am #26471

    Hi,

    Please post your WordPress login access in private reply.
    I will login and created a demo page for you.

    Thank you