Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 13, 2014 at 6:11 pm #335082
    CloudChoice

    Hi,

    I would like to apply a class in a specific ICON/element in a ICON LIST.

    My objective is to call a POPUP link, using this class=”open-popup-link”

    How could I use this class in a specific element in a ICON LIST?

    THANKS

    October 15, 2014 at 1:33 pm #336110
    Yigit

    Hi CloudChoice!

    Please firstly turn on custom CSS field for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and then post the link to your website and point out the icon

    Regards,
    Yigit

    October 15, 2014 at 4:34 pm #336218
    CloudChoice

    Hi,
    Thanks for the faster answer.

    BUT I already have this code in my function.php in child theme.

    All elements already have the CSS field. The problem is in the sub-elements in the ICON LIST.

    There is just a Custom Css Class field in the ICON LIST to all elements.

    I would like to apply a CSS just for a single element inside the ICON LIST.

    How can I do that?

    THANKS

    October 15, 2014 at 4:43 pm #336232
    Yigit

    Hey!

    Please give custom CSS class to your icon list element and then post the link to your website please and point out the icon you would like to target

    Regards,
    Yigit

    October 15, 2014 at 6:37 pm #336307
    CloudChoice
    This reply has been marked as private.
    October 16, 2014 at 6:21 am #336544
    Ismael

    Hey!

    You can target the sub elements inside the icon list using css child selectors. Something like this:

    
.open-popup-link-button ul li:first-child { }
.open-popup-link-button ul li:nth-child(1) { }
.open-popup-link-button ul li:nth-child(2) { }
.open-popup-link-button ul li:last-child { }

    Refer to this link for more info about child selectors: http://css-tricks.com/how-nth-child-works/

    Best regards,
    Ismael

    November 10, 2014 at 6:07 am #348652
    CloudChoice

    Hi,

    I tried a different aproach. Like that:

    [av_iconlist position='left' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' custom_class='']
    [av_iconlist_item title='E-mail' link='manually,#atendimento' linktarget='' linkelement='both' icon='ue805' font='entypo-fontello' custom_class='open-popup-link-button']
    Esclareça sua dúvida por e-mail
    [/av_iconlist_item]
    [/av_iconlist]

    But the custom class inside the iconlist item is not working.
    Could you tell me why?

    Thanks

    November 11, 2014 at 4:34 am #349188
    Josue

    Hi!

    No custom class is set there:

    [av_iconlist position='left' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='' custom_class='CLASS']
[av_iconlist_item title='E-mail' link='manually,#atendimento' linktarget='' linkelement='both' icon='ue805' font='entypo-fontello' custom_class='open-popup-link-button']
Esclareça sua dúvida por e-mail
[/av_iconlist_item]
[/av_iconlist]

    Cheers!
    Josue

    November 11, 2014 at 7:03 am #349215
    CloudChoice

    Hi,

    Yes.
    BUT the intention is not a custom class inside the av_iconlist, JUST inside the av_iconlist_item. To affect only one av_iconlist_item.

    THANKS

    November 11, 2014 at 7:29 am #349222
    Josue

    Hi!

    That’s not possible, refer to Ismael response:
    https://kriesi.at/support/topic/class-in-a-specific-element-in-a-icon-list/#post-336544

    Cheers!
    Josue

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