I'm using a price column but I want the currency symbol from the left side to the right side as shown in the attached picture. Also when I click on save changes after making edits, it does not show me the edits made instead I have to click on update and refresh the page to see the updates which were made from the edits I made.
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):
Thanks for quick response and help, really appreciate it!
I still have issue with price column. When I remove interval, it does not get removed. Do you know how to fix this? As I removed per month, but its still there. Also I noticed that when we move the currency symbol to the right, the price is not centered anymore in its box. Could you also please check that out?
Thank you so much for your help! Regarding same pricing columns, I wanted to ask how to decrease the top padding of it? I have attached screenshot and I want to decrease this padding. Would really appreciate if you could help me out with this.
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):
Worked, thanks a lot Judith. I wanted to ask that https://dintrafikskolapartille.se/ on my website, when I scroll past anchor link to Row ID #utbildningar, the menu link stays highlighted. How can I stop it from being highlighted when I pass the #utbildning row?
Hi there, another issue that I encountered is that the border lines on the price column is missing when viewed on phone. How can this be fixed? Thank you so much for the help
Thanks for the code. I have followed all the steps for anchored links but its not working. When I scroll down to another section other than #utbildningar then the menu link still stays highlighted. How can I stop this from happening?
I just want one anchor link from menu header so that solution will not work basically all other links I want them to go to other pages instead of being anchor links. But most urgent, I dont know what happened but seems like menu header is broken on the website, there is some kind of second header appearing even though it is disabled in Salient options. I want to remove that and have normal header in entire website like it was before. Please check attached screenshot thanks. I dont know where this second header came from and it is visible on any other page than home. Also this does not appear in WP Bakery page builder.
Hi there,
I'm using a price column but I want the currency symbol from the left side to the right side as shown in the attached picture. Also when I click on save changes after making edits, it does not show me the edits made instead I have to click on update and refresh the page to see the updates which were made from the edits I made.
Hey,
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team
Hi,
Here is the link to the website
https://dintrafikskolapartille.se/prislista/
Hey Again,
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 .pricing-column .pricing-column-content h4 { display: flex; flex-direction: row-reverse; align-items: flex-end; justify-content: center; }Thanks
ThemeNectar Support Team
Thanks for quick response and help, really appreciate it!
I still have issue with price column. When I remove interval, it does not get removed. Do you know how to fix this? As I removed per month, but its still there. Also I noticed that when we move the currency symbol to the right, the price is not centered anymore in its box. Could you also please check that out?
Hey Again,
Use this CSS instead of the earlier one.
.pricing-table span.interval { display: none !important; } .pricing-table .pricing-column .pricing-column-content h4 { display: inline-flex; flex-direction: row-reverse; align-items: flex-end; margin: auto !important; justify-content: center; padding: 20px 0px; }Thanks
ThemeNectar Support Team
Thank you so much for your help! Regarding same pricing columns, I wanted to ask how to decrease the top padding of it? I have attached screenshot and I want to decrease this padding. Would really appreciate if you could help me out with this.
Hey Again,
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 { margin-top: 0px !important; }Thanks
ThemeNectar Support Team
Thanks a lot for the reply, how do I decrease the bottom padding for the table column?
Hi There,
Please try this css:
.nectar-fancy-box[data-style="color_box_hover"] .box-inner-wrap {padding: 0% 16%;
}
Thanks.
Worked, thanks a lot Judith. I wanted to ask that https://dintrafikskolapartille.se/ on my website, when I scroll past anchor link to Row ID #utbildningar, the menu link stays highlighted. How can I stop it from being highlighted when I pass the #utbildning row?
Hi there, another issue that I encountered is that the border lines on the price column is missing when viewed on phone. How can this be fixed? Thank you so much for the help
Hi There,
Please set up your anchor links using this guide to see whether you missed a step:https://themenectar.ticksy.com/article/6266/edit/.
Please input this css for the missing border:
@media only screen and (max-width: 690px){#ajax-content-wrap .pricing-table>div {
border-left: 1px solid #e1e1e1;
} }
Thanks.
Hi there,
Thanks for the code. I have followed all the steps for anchored links but its not working. When I scroll down to another section other than #utbildningar then the menu link still stays highlighted. How can I stop this from happening?
Hey Again,
You need to add another menu item with the Row ID's that are on the page so that it shifts to the other one.
Thanks
ThemeNectar Support Team
Hi there,
I just want one anchor link from menu header so that solution will not work basically all other links I want them to go to other pages instead of being anchor links. But most urgent, I dont know what happened but seems like menu header is broken on the website, there is some kind of second header appearing even though it is disabled in Salient options. I want to remove that and have normal header in entire website like it was before. Please check attached screenshot thanks. I dont know where this second header came from and it is visible on any other page than home. Also this does not appear in WP Bakery page builder.
Issue example page: https://dintrafikskolapartille.se/kontakt/
Hi,
Do you know how this can be solved what I posted in my last comment?
Hey Again,
Please make sure you follow the steps mentioned in here : https://themenectar.ticksy.com/article/6266/ the Video is to just to provide more context.
Best.
ThemeNectar Support Team