-
Posts
-
Hi there,
First, thanks to Kriesi and the team for this wonderful theme.I was going through the forum to find solution about some customization issues with the pricing table. Tried some custom css from some posts but those couldn’t helped me exactly. I want exactly this pricing table-
I can make this by selecting the “Use the table to display tabular data” option from “Table option”. But the problem is if I select the “Adjust table to screen size” as “Responsive Styling” I am getting this in the mobile version (“Plus” is the highlighted column)-
And I don’t want to use the scrollable option.
How can I make this ok?
N.B.- I’ve custom css class input field enabled (if anything to do with that!).
Hi!
Posting a message, one after the other, does pull your post to the end of the line and it is also weekend, our support is slower, those days.
Please explain us exactly how you want it to be visible and we will assist by either providing the proper CSS code or suggesting how you can do itBest regards,
BasilisHello Basilis,
Thanks, I didn’t know that.Anyway, I want to achieve this for mobile view –
Hi,
Thank you for the screenshots. We can disable the script that reposition the rows of the table element but you won’t be able to add it in a child theme. The workaround is to hide the default table then insert a new table element for each plan. You can then toggle the display of these elements using css media queries. http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Best regards,
IsmaelAh… Hello!
I am back with my problem again. My idea is creating a new problem. I tried separating the table by using single column. But, I don’t know why in mobile view-1. The “Discuss Your Project” Button disappears!!!
2. Package title (Heading) appears in each cellTake a look-
Ismael, I am using the parent theme. I’ve enabled Custom CSS Class field for all ALB Elements already.
Now what should I do?
Hi,
Edit the table elements for mobile then set the Table Purpose to tabular and the responsive styling to scrollable. It doesn’t need to scroll since there is only 1 column. If you can provide the link to the actual page, we will check it.
Best regards,
IsmaelYeah, That works fine. But I’ve another type of pricing page where I used tabs for different subcategories (links below). This doesn’t work with that. So, I decided to rollback to the default pricing table settings. But, I will make some changes in color. Can you give me the CSS to make this-
Hi,
Thank you for the additional info but please refrain from bumping or replying to your own thread because it gets pushed back to the end of the queue and moderators won’t be able to provide a response immediately. Please be patient while we go through the rest of the queue. Thank you for your understanding.
Use this for the table:
.main_color .pricing-table li.avia-pricing-row { background: gray; color: red; } .main_color .pricing-table li.avia-heading-row { background: yellow; color: blue; } .main_color .avia-highlight-col li.avia-heading-row, .main_color .avia-highlight-col li.avia-heading-row .pricing-extra { background: blue; color: gray; }For more info about css, please review this article: http://kriesi.at/archives/wordpress-developers-your-complete-guide-to-conquering-css-in-2016
- You must be logged in to reply to this topic.