Different Colors On Table Column Headers - Support | Kriesi.at

Viewing 17 posts - 1 through 17 (of 17 total)

Author

Posts
July 16, 2015 at 3:57 am #474061

LiquidBrand
Participant

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,
Elain

July 16, 2015 at 12:57 pm #474237

Yigit
Keymaster

Hey Elain!

Can you please post the link to your page?

Cheers!
Yigit

July 17, 2015 at 1:46 am #474638

LiquidBrand
Participant

Hi 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,
Elain

July 17, 2015 at 3:28 am #474657

Ismael
Moderator

Hey!

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,
Ismael

July 17, 2015 at 4:16 am #474670

LiquidBrand
Participant

Hi 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,
Elain

July 17, 2015 at 7:47 am #474698

Basilis
Inactive Moderator

Hi!

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,
Basilis

July 17, 2015 at 8:06 am #474709

LiquidBrand
Participant

Hi 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,
Elain

July 17, 2015 at 8:20 am #474716

Basilis
Inactive Moderator

Hi!

Check your custom CSS then, I saw a different ID for locating the pricing tables.

Cheers!
Basilis

July 17, 2015 at 9:42 am #474749

LiquidBrand
Participant

Hi 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 #474872

Basilis
Inactive Moderator

Hey!

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!
Basilis

July 20, 2015 at 1:48 am #475492

LiquidBrand
Participant

Hey 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,
Elain

July 20, 2015 at 6:54 am #475563

Basilis
Inactive Moderator

Hi!

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/customization

Let us know if we could do anything else, regarding our theme

Regards,
Basilis

July 21, 2015 at 3:26 am #476273

LiquidBrand
Participant

Hey 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 #476493

Yigit
Keymaster

Hey!

Can you please switch user role to Administrator? – https://kriesi.at/support/topic/different-colors-on-table-column-headers-2/#post-474670

Best regards,
Yigit

July 22, 2015 at 1:57 am #476820

LiquidBrand
Participant

Hi Yigit,

I have switched the user role to Administrator.

Cheers,
Elain

July 25, 2015 at 11:52 am #478626
LiquidBrand
Participant
Hi 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, 4 months ago by LiquidBrand. Reason: Added note about custom CSS class
July 27, 2015 at 6:18 am #478898

Rikard
Keymaster

Hi,

Thanks for the feedback and for posting the solution, much appreciated. Glad you got your problem fixed and sorry for not being able to help you out in a more efficient manner.

Best regards,
Rikard
Author

Posts

Viewing 17 posts - 1 through 17 (of 17 total)

You must be logged in to reply to this topic.