- This topic has 3 replies, 2 voices, and was last updated 5 years, 10 months ago by
.
Hey guys,
So i built this site: http://cleanerpr.com/
If you scroll down to the middle you will find a “Tabs” section and the first tab is already selected and is fully collapsed.
What i want: When the site loads, no tabs should be selected. So you have to press the tabs to make it collapse.
I hope the instructions was clear, looked everywhere for this and i cannot find it. I guess you could solve it with css/yellow pencil? But how?
Thank you so much for your time!
Kindest regards, Edvin
Hi Edvin,
I hope you are well today and thank you for your question.
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.tab-content > div[class="tab-pane fade in active"] { display: none; }Best regards,
Shufflehound teamLook at screenshot.
It looks like this now. It’s better, but it’s not perfect.
1. It still looks like the first tab is pre selected even though it isn’t (See the pink line under the first tab)
2. If i press on the first tab it won’t expand. The only way for me to open the first tab is to first press tab 2,3,4,5,6 and then go back to tab 1.
Can you please look on this?
Yes I could confirm this and to achieve this, you have to develop custom code in the child theme of Jevelin theme.
Developing custom code for custom functionality is beyond the scope of support that we provide here. Please see https://themeforest.net/item/jevelin-multipurpose-premium-responsive-wordpress-theme/14728833/support
If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Shufflehound recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5
