Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 27, 2014 at 9:47 am #358903
    kailibuy

    It’s strange why the table columns have different width.

    1) is it possible to make the table width the same

    2) is it possible to make the white background transparent and remove the gray border?

    Thanks,

    November 27, 2014 at 11:27 pm #359233
    Ismael

    Hey kailibuy!

    Thank you for using Enfold.

    You can use this:

    .page-id-3442 td.avia-highlight-col {
width: 50%;
}

    To change the color, use this:

    .main_color .avia-data-table .avia-highlight-col, .main_color table, .main_color tr:nth-child(odd), .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra {
background: transparent;
border-color: transparent;
}

    Regards,
    Ismael

    November 28, 2014 at 12:06 am #359255
    kailibuy

    thank you. they both work.

    just wondering about the transparent background, by pasting the code to custom css, does it force all tables on site to be transparent or just on the particular page?

    I see you have a reference in the code for the 50% split to the particular page, how about the transparency of the background?

    November 28, 2014 at 8:27 am #359443
    Ismael

    Hi!

    If you want to apply the background on that particular page, you can add the page id selector before the table selectors. Something like this:

    .page-id-3442 .main_color .avia-data-table .avia-highlight-col, .page-id-3442 .main_color table

    Do it on all selectors.

    Cheers!
    Ismael

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