-
AuthorPosts
-
July 16, 2015 at 3:57 am #474061
Hi,
I am just trying to create a pricing table with different colors on the table column headers. I have found a thread on the forum dated July 30, 2014 and I have tried to follow the instruction but couldn’t achieve anything.
I am just wondering if the solution on this thread still applies to the current Enfold-theme? (https://kriesi.at/support/topic/different-colors-on-table-column-headers/#post-297982)Kind regards,
ElainJuly 16, 2015 at 12:57 pm #474237July 17, 2015 at 1:46 am #474638Hi Yigit,
Below is the link to my page. Basically, I wish to be able to specify a different header colour for each column on the pricing table.
Regards,
ElainJuly 17, 2015 at 3:28 am #474657Hey!
The code should work but first you need to add a custom css class attribute to the table element: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
On the previous thread, “custom-class” was the custom css class attribute applied to the table element.
Regards,
IsmaelJuly 17, 2015 at 4:16 am #474670Hi Ismael,
I have tried that but it didn’t work. I have added the custom css class and I have also added the code on Quick CSS. I have included the login details below if you need to check if I have done the right thing :)
Regards,
ElainJuly 17, 2015 at 7:47 am #474698Hi!
I have search into your source for ” orgform ” but I can not see the ID to be around the pricing tables at all.
Can you please check that?Regards,
BasilisJuly 17, 2015 at 8:06 am #474709Hi Basilis,
Are you looking at the Pricing page (see links below)?
The custom class I used in all the tables on this page is ‘customheader’.
Regards,
ElainJuly 17, 2015 at 8:20 am #474716Hi!
Check your custom CSS then, I saw a different ID for locating the pricing tables.
Cheers!
BasilisJuly 17, 2015 at 9:42 am #474749Hi Basilis,
I have checked my custom CSS and have removed those ID that I am not using but I still couldn’t create a pricing table with different colors on the table column headers.
July 17, 2015 at 12:43 pm #474872Hey!
And now, what class you have so you can target each one of those areas? I can see your CSS solution a bit messy and not following a hierarchy.
First, add a wrapper to the Pricing Tables and then try to customize them.
Cheers!
BasilisJuly 20, 2015 at 1:48 am #475492Hey Basilis,
Just thought I should let you know that I am not a developer – I am new to this and that is why I am using a template. I don’t really understand what you mean by following a hierarchy and what do you mean by wrapper? How do I do that?
I have done all that Yigit suggested on this post: https://kriesi.at/support/topic/different-colors-on-table-column-headers/#post-297982
And what should I do next to achieve the result I want?
Regards,
ElainJuly 20, 2015 at 6:54 am #475563Hi!
If you can not make it work, Everything is possible, I would suggest you can contact one of our Customization Contractors, who will help you out with the process.
http://kriesi.at/contact/customizationLet us know if we could do anything else, regarding our theme
Regards,
BasilisJuly 21, 2015 at 3:26 am #476273Hey Basilis,
I don’t think the suggestions to contact one of your Customisation Contractors is appropriate here. My very first question on this thread is to check if the post dated ‘July 30, 2014‘ is still relevant and if so, it should work for what I need done. Ismael has also confirmed that it should work. So, I would have thought that you’ll suggest something that I can try in order to fix the issue instead of asking me to pay someone else to fix it?July 21, 2015 at 2:13 pm #476493Hey!
Can you please switch user role to Administrator? – https://kriesi.at/support/topic/different-colors-on-table-column-headers-2/#post-474670
Best regards,
YigitJuly 22, 2015 at 1:57 am #476820Hi Yigit,
I have switched the user role to Administrator.
Cheers,
ElainJuly 25, 2015 at 11:52 am #478626Hi Yigit,
I had a developer friend look at the site and they were able to resolve it. I wished to pass on some feedback both for yourselves as well as anyone else who comes across this thread looking for a solution to a similar issue:
1) It appears that the link in the OP, asking if it is still relevant – is not. So the reply from you (#474657) is incorrect. The Table control doesn’t actually use traditional HTML table element structures, instead it uses an unordered list. So the CSS would never work.
2) The correct CSS to affect the new structure using the unordered list is as follows (assuming the custom CSS class added to the control is .pricing-table):.pricing-table div.pricing-table-wrap:first-child .avia-pricing-row { background: red; } .pricing-table div.pricing-table-wrap:nth-child(2) .avia-pricing-row { background: blue; } .pricing-table div.pricing-table-wrap:nth-child(3) .avia-pricing-row { background: green; }
Hope that helps future users. Thanks!
- This reply was modified 9 years, 5 months ago by LiquidBrand. Reason: Added note about custom CSS class
July 27, 2015 at 6:18 am #478898 -
AuthorPosts
- You must be logged in to reply to this topic.