Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • August 8, 2014 at 11:28 am #301541
    rpl_admin

    Hi there,
    Is there a way of getting a green tick and a red cross in a data table used to compare to products?
    Many thanks

    August 9, 2014 at 4:50 am #301903
    Josue

    Hi!

    Try using this shortcodes:

    Green tick:

    [av_font_icon icon='ue812' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#81d742' size='40px' position='left' custom_class=''][/av_font_icon]

    Red X:

    [av_font_icon icon='ue813' font='entypo-fontello' style='' caption='' link='' linktarget='' color='#dd3333' size='40px' position='left' custom_class=''][/av_font_icon]

    Regards,
    Josue

    August 9, 2014 at 11:02 am #301966
    rpl_admin

    As always – excellent!

    Many thanks

    August 9, 2014 at 11:03 am #301967
    Josue

    You are welcome, always glad to help :)

    Regards,
    Josue

    August 9, 2014 at 11:32 am #301972
    rpl_admin

    Hi Josue,

    Sorry, we just need to center the text in a couple of table cells. Could you tell us what code to use for that, please?
    (At the moment, text in data tables is left aligned by default it seems)

    Many thanks

    August 9, 2014 at 7:35 pm #302048
    Josue

    Hi,

    Can you post the link to the Page in question please?

    Regards,
    Josue

    August 10, 2014 at 12:31 am #302090
    rpl_admin
    This reply has been marked as private.
    August 10, 2014 at 12:51 am #302091
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    td .av_font_icon {
    text-align: left;
}

    Cheers! 
    Josue

    August 10, 2014 at 12:59 am #302092
    rpl_admin

    Hi Josh,

    Thanks for this. Can I just check something? We don’t wish to center align the text in all tables – only in this one data table. Is this code still OK?

    Many thanks

    Robert

    August 10, 2014 at 1:01 am #302094
    Josue

    Hi!

    Try with this instead:

    .page-id-1129 .avia-table td .av_font_icon {
    text-align: left;
}

    Best regards,
    Josue

    August 10, 2014 at 1:03 am #302095
    rpl_admin

    Thanks again Josue. We’re trying to center the text, so that should be “text-align: center;” no?

    August 10, 2014 at 1:38 am #302096
    Josue

    Discard my previous suggestion, use this code instead:

    .page-id-1129 table.avia-table td {
    text-align: center;
}

    Cheers!
    Josue

    August 10, 2014 at 2:00 am #302098
    rpl_admin

    Hi Josue! Thanks again! Sorry, I’m just looking at this and perhaps I wasn’t clear enough at the start. I should have said we only want to center the text in column 2 and 3, not in column 1 (column 1 text should remain left aligned). Is the code good for that? Sorry for not being clearer.

    August 10, 2014 at 2:14 am #302100
    Josue

    Try with this:

    .page-id-1129 table.avia-table td:nth-child(2n), .page-id-1129 table.avia-table td:nth-child(3n) {
    text-align: center;
}
  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.