We use a template for the pricing table. In total we have 5 pricing tables, however we need to change the color of 3 of them. If you go the URL you will see the pricing table: ''Brons'', ''Zilver'' and ''Goud''. The color within a pricing table should be the same (the line at the top, the price itself and the contacteer button). Here an overview:
''Brons'' = #93551F
''Zilver'' = #C1C1C1
''Goud'' = #DDC133
Would love to know if you could help me out with this while we tried a lot but cannot seem to fix it.
Sure, Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Thank you for the quick response. I do see that things are getting changed however some pricing tables get impacted which shouldn't be impacted and some parts are not getting impacted which should. Here an overview of which is incorrect:
1. ''Brons section'' the word: '"Brons'' didn't change and also the ''Contacteer button'' didn't change to the right color
2. ''Zilver section'' nothing did change
3. ''Gold section'' same issue as ''Brons'' section
4. ''100 meter section'' the text: ''100 meter'' isn't blue anymore
5. ''200 meter section'' the top line and the pricing line changed to the brons color while this section should have stayed orange (like it was before).
I can add a printscreen but you can also see the result on the URL that I shared before.
The brons/zilver and gold are great! However I think some of the earlier colors at the two packages below (100 meter and 200 meter) changed due to the custom CSS which was used earlier. Below those 3 packages (brons/zilver/gold) you see 100 meter and 200 meter package. The 100 meter package used to be all blue color (main accent blue same color as the CTA button: ''contacteer'' has) and the 200 meter package used to be all orange (other main accent orange color) the same orange color as the text: 200 meter now has. So if the 100 meter package can change all relevant elements to the blue color and the 200 meter package all to orange then it's all correct!
Thank you so much for your help, much appreciated!
I deleted the custom css of Tahir and now the 100M and 200M are correct but the bronze/silver/gold section only the button are still correct and the rest is changed back to the old default color. Maybe if you could fix that now with your custom css it will be fixed most likely.
I deleted the custom css of Tahir and now the 100M and 200M are correct but the bronze/silver/gold section only the button are still correct and the rest is changed back to the old default color. Maybe if you could fix that now with your custom css it will be fixed most likely.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Yes that's correct! The only weird thing is that the orange box is not nicely alligned anymore with the blue box and also all the striped through text is gone (in all packages) and the finches within those boxes should be grey when striped through and green when they are available. Now it's a mix of grey finches with different color finches, while it should be green finches like you see in the 100M and 200M package box.
I made an overview of which items should be stripped through and which should be there in full black color and green finch (See attachment). So per package 1 less thing is out of scope. So 100M has 1 item, 200M 2 items, Brons 3 items, Zilver 4 items and Gold all 5 items
If that is fixed it's all correct. I hope it's clear!
Euhm that answer is not really the answer to the question/attachments I uploaded before right? Maybe you was typing the comment already before my comment because your comment was posted 1 minut after my post. Please check :)
Thank you that is fixed! THe only thing open is the question I asked 17 hours ago with the 2 attachments (see comment below). Thank you very much for the help!
To be honest I have no clue what has been done. The thing was that per package certain items should have a green finch and the other onces should have a stripe through it to make clear to the users which sections are included in the package and which not. I added a word document that looked like the attached image.
It shows that in the 100M package for example only the top text: ''Logo op website'' should have a green finch and the rest should have a grey finch and a stripe through the text to indicate that section is not included in the package. In the 200M package: ''Logo op website'' & ''Link naar website sponsor'' is there so the rest should be stripped through, etc. Right now nothing is striped through and all finches are green while only the items that are included in the package should have a green finch.
Hi Judith, this is almost 100% correct. In the Zilver package only the last item should be striped through (it has everything except last one). Gold package has indeed everything! The rest all 100% correct :)
Hi,
We use a template for the pricing table. In total we have 5 pricing tables, however we need to change the color of 3 of them. If you go the URL you will see the pricing table: ''Brons'', ''Zilver'' and ''Goud''. The color within a pricing table should be the same (the line at the top, the price itself and the contacteer button). Here an overview:
''Brons'' = #93551F
''Zilver'' = #C1C1C1
''Goud'' = #DDC133
Would love to know if you could help me out with this while we tried a lot but cannot seem to fix it.
Thank you in advance.
With kind regards,
Remo
Hey priceles ,
Thanks for using Salient.
Sure, Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.pricing-table[data-style="flat-alternative"] .pricing-column.no-highlight.extra-color-2:before { background-color: #93551F; } .pricing-table[data-style="flat-alternative"] .pricing-column.no-highlight.extra-color-2 h4 ,.pricing-table[data-style="flat-alternative"] .pricing-column.no-highlight.extra-color-2 .interval { color: #93551F; } .pricing-table[data-style="flat-alternative"] .pricing-column.no-highlight:before { background-color: #C1C1C1; } .pricing-table[data-style="flat-alternative"] .pricing-column.no-highlight h4 ,.pricing-table[data-style="flat-alternative"] .pricing-column.no-highlight .interval { color: #C1C1C1; } .pricing-table[data-style="flat-alternative"] .pricing-column.accent-color.highlight h3 .highlight-reason { background-color: #DDC133 !important; } .pricing-table[data-style="flat-alternative"] .pricing-column.accent-color.highlight .pricing-column-content h4 , .pricing-table[data-style="flat-alternative"] .pricing-column.accent-color.highlight .pricing-column-content .interval { color: #DDC133 !important; }Thanks
ThemeNectar Support Team
Hi,
Thank you for the quick response. I do see that things are getting changed however some pricing tables get impacted which shouldn't be impacted and some parts are not getting impacted which should. Here an overview of which is incorrect:
1. ''Brons section'' the word: '"Brons'' didn't change and also the ''Contacteer button'' didn't change to the right color
2. ''Zilver section'' nothing did change
3. ''Gold section'' same issue as ''Brons'' section
4. ''100 meter section'' the text: ''100 meter'' isn't blue anymore
5. ''200 meter section'' the top line and the pricing line changed to the brons color while this section should have stayed orange (like it was before).
I can add a printscreen but you can also see the result on the URL that I shared before.
Hope it's all clear :)
With kind regards,
Remo
Hi Priceless.
Please send in your admin login credentials so that we may check this out further.
Thanks.
Hi Priceless,
Please check out now how the colors are.
Thanks.
Hi Judith,
The brons/zilver and gold are great! However I think some of the earlier colors at the two packages below (100 meter and 200 meter) changed due to the custom CSS which was used earlier. Below those 3 packages (brons/zilver/gold) you see 100 meter and 200 meter package. The 100 meter package used to be all blue color (main accent blue same color as the CTA button: ''contacteer'' has) and the 200 meter package used to be all orange (other main accent orange color) the same orange color as the text: 200 meter now has. So if the 100 meter package can change all relevant elements to the blue color and the 200 meter package all to orange then it's all correct!
Thank you so much for your help, much appreciated!
With kind regards,
Remo
Hi Priceless,
How about you try removing the css sent by Tahir.
Thanks.
Hi Judith,
I deleted the custom css of Tahir and now the 100M and 200M are correct but the bronze/silver/gold section only the button are still correct and the rest is changed back to the old default color. Maybe if you could fix that now with your custom css it will be fixed most likely.
Hi Judith,
I deleted the custom css of Tahir and now the 100M and 200M are correct but the bronze/silver/gold section only the button are still correct and the rest is changed back to the old default color. Maybe if you could fix that now with your custom css it will be fixed most likely.
Hey Again,
I just logged in and removed the special character that was causing the issue. I can see now that you have added another 2 pricing tables.
Please confirm the CSS you need?
Thanks
ThemeNectar Support Team
Just Added these, please check and confirm.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
/*change 3 column pricing table colors*/ .pricing-table.three-cols .pricing-column:nth-child(1):before { background-color: #93551F !important; } .pricing-table.three-cols .pricing-column:nth-child(1) i.extra-color-1,.pricing-table.three-cols .pricing-column:nth-child(1) h3, .pricing-table.three-cols .pricing-column:nth-child(1) span,.pricing-table.three-cols .pricing-column:nth-child(1) h4 { color: #93551F !important; } .pricing-table.three-cols .pricing-column:nth-child(2):before { background-color: #C1C1C1 !important; } .pricing-table.three-cols .pricing-column:nth-child(2) i.accent-color,.pricing-table.three-cols .pricing-column:nth-child(2) h3, .pricing-table.three-cols .pricing-column:nth-child(2) span,.pricing-table.three-cols .pricing-column:nth-child(2) h4 { color: #C1C1C1 !important; } .pricing-table.three-cols .pricing-column:nth-child(3):before { background-color: #DDC133 !important; } .pricing-table.three-cols .pricing-column:nth-child(3) i.accent-color,.pricing-table.three-cols .pricing-column:nth-child(3) h3, .pricing-table.three-cols .pricing-column:nth-child(3) span,.pricing-table.three-cols .pricing-column:nth-child(3) h4 { color: #DDC133 !important; }Thanks
ThemeNectar Support Team
Hi Tahir,
It's almost all correct! Only at the 100 meter package the 100 meter text is not blue yet, all other things are correct!
Thanks
ThemeNectar Support Team
Yes that's correct! The only weird thing is that the orange box is not nicely alligned anymore with the blue box and also all the striped through text is gone (in all packages) and the finches within those boxes should be grey when striped through and green when they are available. Now it's a mix of grey finches with different color finches, while it should be green finches like you see in the 100M and 200M package box.
I made an overview of which items should be stripped through and which should be there in full black color and green finch (See attachment). So per package 1 less thing is out of scope. So 100M has 1 item, 200M 2 items, Brons 3 items, Zilver 4 items and Gold all 5 items
If that is fixed it's all correct. I hope it's clear!
Added color from here:
Please check.
Thanks.
Euhm that answer is not really the answer to the question/attachments I uploaded before right? Maybe you was typing the comment already before my comment because your comment was posted 1 minut after my post. Please check :)
Hey Again,
Please check now, i have removed the CSS for the arrows:
Thanks
ThemeNectar Support Team
Hi Tahir,
Thank you that is fixed! THe only thing open is the question I asked 17 hours ago with the 2 attachments (see comment below). Thank you very much for the help!
Regards,
Remo
Hi Priceless,
Please check now.
Thanks.
Hi Judith,
To be honest I have no clue what has been done. The thing was that per package certain items should have a green finch and the other onces should have a stripe through it to make clear to the users which sections are included in the package and which not. I added a word document that looked like the attached image.
It shows that in the 100M package for example only the top text: ''Logo op website'' should have a green finch and the rest should have a grey finch and a stripe through the text to indicate that section is not included in the package. In the 200M package: ''Logo op website'' & ''Link naar website sponsor'' is there so the rest should be stripped through, etc. Right now nothing is striped through and all finches are green while only the items that are included in the package should have a green finch.
Hi Priceless,
Please check out, is this what you meant:
Hi Judith, this is almost 100% correct. In the Zilver package only the last item should be striped through (it has everything except last one). Gold package has indeed everything! The rest all 100% correct :)
Please check out
It's all correct now. Thank you!