-
Posts
-
1) hello! i have a problem with the description column on pricing table – not acting as demo
it remains one row high, while the cell is higher than 1 row. this is how it looks like:
2) how can i change the colour of the description column dotted line and text?
Hey!
1. Try putting an empty row to create a space for the first row, like this – http://screencast.com/t/8vaCjdMjwXfe
2. Try adding this code to the Quick CSS:
ul.pricing-table.avia-desc-col * { color: red !important; border-color: red !important; }Change as needed.
Cheers!
Josue1. where should i add an empty row? here is my avia builder screen, please explain to me what did i do wrong. seems to me i did everything right and that the problem is that the columns of the descriptive row is not aligned with the height of the other columns.
Hey!
Discard my previous suggestion, the problem is that some of the pricing rows have two lines, add this code to the Quick CSS, that will increase the height of the respective description rows:
.avia-desc-col li:nth-child(3), .avia-desc-col li:nth-child(9), .avia-desc-col li:nth-child(10) { height: 61px; }Cheers!
Josuei get what you did, but it won’t be a good solutions since i am going to have 4 different pricing tables, i can’t have the third column always be 61px high…
but your solution gave me another idea: what if in the decryption text itself i will put:
<span style="line-height: 62px;">Backup Scope</span>the 62px is taken from the line height of the right which is 82px, minus 20px which is inner paddings. this way i can change the description line itself instead of changing the style for all description rows.
is this solution sounds good to you? will it work in all browsers?
- The topic ‘description column on pricing table – not acting as demo’ is closed to new replies.