Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 22, 2014 at 12:17 pm #307794
    Mike

    Hi,

    When I use a table, the width is not the same everywhere. How more tekst I use, how wider the table from the others.
    How can I specify a fixed width (%) for standard column, text column and description column?

    And how can I make the background color white instead of white / gray? Or only the description column gray and the rest white? And adjust the font size of a row header? And can I remove blank fields from the table? For example, the last row where I set this is the choice who make the most people and highlight it.

    For your imaging, I do not use the pricing tables because I compare data with each other.

    Thank you very much for helping.

    August 23, 2014 at 1:32 am #308126
    Devin

    Hey Miikey!

    Unfortunately the table element doesn’t have the capability to set the width of the columns individually. You would probably have an easier time creating a table with regular html and then adding it into a Code element (still using the drag and drop editor).

    That way the inline styling, while not really valid html now, would be usable for your layout.

    Regards,
    Devin

    August 23, 2014 at 9:04 pm #308305
    Mike

    Hi Devin,

    But I can do nothing from what I want with the table from Enfold?
    I don’t know how I must working with HTML code for to make a table.
    But I thought most modifications can be changed with quick css?

    Regards,
    Mike

    August 25, 2014 at 6:18 am #308617
    Ismael

    Hey!

    Thank you for using Enfold.

    Yes, it is possible to change the width of the table columns using css but we won’t be able to know if it will work on every cases. Use this on Quick CSS or custom.css:

    tr, td {
width: 19%;
}

    Change the background color to white using this:

    .main_color tr:nth-child(odd), .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra {
background: #ffffff;
}

    Again, it is much better to create your own table if you want flexibility and control over the appearance of the object.

    Regards,
    Ismael

    August 25, 2014 at 1:26 pm #308805
    Mike

    Hi Ismael,

    Thank you for helping.
    Afterwards the white background seems not pretty for the table :) So I leave it standard.

    The quick CSS code for making all table columns the same with works great. But if I have a table with only 4 columns it seems not great. So is there another option?

    Is there also a option to remove blank table fields?

    Or can gain more flexibility in the tables options for next updates of Enfold? It would be awesome to make great pretty pricing and data tables :)

    Regards,

    Mike

    August 28, 2014 at 7:34 am #310274
    Josue

    Hey Mike!

    You can enable this and set a custom class to the table elements, this way you can make the same-width code affect certain elements only:

    .custom_table tr, .custom_table td {
width: 19%;
}

    Best regards,
    Josue

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