-
Posts
-
I am trying to use the tables- element to create a pricelist. Unfortunately I am not successful. I tried almost everything with this table- element of enfold, but the pricelist looks ugly and I have no real control about it. In other projects I work with “TablePress” which helps a lot in easily creating a price table.
What would You recommend in Enfold… how can I control cell- and columns width, row or column color, sort attributes etc…. Where are the controls for all this? Did I miss something?
Hey petcar!
If you need to set the width for a column then add a codeblock element to your page and add this inside.
<style type = "text/css"> tr > th:nth-child(1) { width: 100px !important; } tr > th:nth-child(2) { width: 30px !important; } tr > th:nth-child(3) { width: 150px !important; } </style>You can set the widths for each column that way.
Best regards,
Elliottthank You @elliott – corresponding to Your answer I assume that there is no possibility in Enfold itself to control the attributes of the tables. One has to use CSS styling etc. to get the look you wish.
Besides the column size I am also seeking for column and row colour etc…
Therefore I would prefer using the plugin “TablePress” instead. The question is the compatibility ?! Do You know something about that?
Hey!
You shouldn’t need to set the widths with tables (they resize automatically to fit the contents) but if you need to fine tune stuff then yes you’ll need to use CSS.
I have not used that plugin before. If you see any issues with it then let us know and we’ll take a look.
Regards,
ElliottI am rather suffering with these tables. I try a lot but I hardly can achive my goal. The formatting of the columns is not easy. I put a CSS in a codeblock on the page, which has influence on all tables. Now I am searching for a method of having certrain cell content right aligned.
Hi!
You can use this CSS to right align a certain table cell.
.avia-table > tbody > tr:nth-child(2) > td:nth-child(3) { text-align: right; }Where 2 is the row and 3 is the column.
Regards,
Elliottthank You Elliott – I tried harder, but still no real success with my pricelist tables
Can You tell me how You did the price tables (the 1st two examples) which are shown in the enfold demo on Your website at:
http://kriesi.at/themes/enfold/shortcodes/pricing-and-data-tables/I couldn’t write different character sizes in one Price Cell, also I was not able to have a proper horizontal alignment of the corresponding cells.
Hey!
First off make sure the table is set to display as a pricing table and not as data. You can then change the middle column type to “highlight” and one of your rows to “pricing” to get it to display like in the demo.
Regards,
Elliottthank You @elliott – my concern is the writing inside the pricing row. In Your demo You have different sizes and types of character. I did not find the way to change the font, the size etc.
Hi!
You can add html tags on the pricing row cell. This is the content of one of the pricing cell in the table demo:
10<span class="currency-symbol">$</span><br> <small>per month</small>Best regards,
Ismaelthank You Ismael – with the HTML Tags I can control the cell, ok… but how do I know which tag does which effect? Is there a list or similar? I checked in the sourcecode but I did not find out how it works. I did not even find my figures and text of the table cells. Please provide more information. I need to edit these tables. Thank You.
Hey!
if you tell us what exactly you want to achieve, then we could provide you some code. If you want to learn HTML code yourself, I recommend this site: http://www.w3schools.com/html/
Regards,
Andy
- You must be logged in to reply to this topic.