Title: Custom CSS lost when saving tab Last modified: February 24, 2022 --- # Custom CSS lost when saving tab * Resolved [jakobpress](https://wordpress.org/support/users/jakobpress/) * (@jakobpress) * [4 years, 3 months ago](https://wordpress.org/support/topic/custom-css-lost-when-saving-tab/) * Hello, I’ve seen that this problem is very common and before I decided to write here I tried all the past suggestions. I use the last plugin version. But nothing helped. When I try to save my custom CSS on my tab element, istantly it get lost. The funny thing is that this happens with some codes. For example it happens when i insert the code `#tab_container_35 .wpsm_nav-tabs > li > a {font-size: 16px !important; font-family: 'Crimson Text' !important;}` or again `#tab_container_35. wpsm_nav-tabs li.active:nth-child(1) a {background-color: #589188 !important;}` Do you know why this happens? Thanks and best regards Jakob * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcustom-css-lost-when-saving-tab%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 11 replies - 1 through 11 (of 11 total) * [preetam27](https://wordpress.org/support/users/preetam27/) * (@preetam27) * [4 years, 3 months ago](https://wordpress.org/support/topic/custom-css-lost-when-saving-tab/#post-15403730) * hi, * this issue may ause due to confliction with other plugin s try to deactivte it one by one and if it work or not. * thanks * Thread Starter [jakobpress](https://wordpress.org/support/users/jakobpress/) * (@jakobpress) * [4 years, 3 months ago](https://wordpress.org/support/topic/custom-css-lost-when-saving-tab/#post-15404142) * I’ve tried to disable all the plugins, one by one, that arent the main theme plugins (so not important for the correct function of the whole site) and insert the code, but nothing happened, the problem remains the same. Do you have any other suggestion? The problem is that not all the codes are rejected, but only some. * Thank you * [lokeshkalosiya](https://wordpress.org/support/users/lokeshkalosiya/) * (@lokeshkalosiya) * [4 years, 3 months ago](https://wordpress.org/support/topic/custom-css-lost-when-saving-tab/#post-15409780) * Hi [@jakobpress](https://wordpress.org/support/users/jakobpress/), * Please go to plugins > plugin editor select tabs responsive and go to template > content.php file go to line number 68 and replace the below code with other code. * `echo wp_unslash( $custom_css );` * to * `echo $custom_css;` * if it works let us know * thanks * Thread Starter [jakobpress](https://wordpress.org/support/users/jakobpress/) * (@jakobpress) * [4 years, 3 months ago](https://wordpress.org/support/topic/custom-css-lost-when-saving-tab/#post-15410388) * Hello, thank you for the suggestion, but this is a thing that I’ve tried when I’ve read the previous other user’s posts and the problem is still here. Maybe I can try with building a new test site in WP and gradually insert all the contents and than see when the thing breaks up. * [lokeshkalosiya](https://wordpress.org/support/users/lokeshkalosiya/) * (@lokeshkalosiya) * [4 years, 3 months ago](https://wordpress.org/support/topic/custom-css-lost-when-saving-tab/#post-15421020) * Hi [@jakobpress](https://wordpress.org/support/users/jakobpress/), * Yes, you can try this without any problem. * Thanks * Thread Starter [jakobpress](https://wordpress.org/support/users/jakobpress/) * (@jakobpress) * [4 years, 2 months ago](https://wordpress.org/support/topic/custom-css-lost-when-saving-tab/#post-15456613) * Hello, I’ve tried to build a new WP site for testing the plugin and I’ve copied the CSS, but the problem remains the same, even if I start from zero. So: no other plugins cause damages, and the problem is surely related to the CSS I’ve copied. The examples are shown in the first message I’ve wrote, now I copy the whole code, so you can tell me if I use some non proper syntax. Thank you. * ``` .txtdsc {position: relative; float: left; max-width:40%; display: inline; color: #ffffff; font-family: Arial; font-size: 14px;} .imgdsc {position: relative; float: right; background-color: #fff; padding: 10px; width:55%; display: inline-block;} .bottone { background-color: #000; border: none; color: #fff; padding: 14px 20px; margin-top: 20px; text-align: center; text-decoration: none; text-transform: uppercase; display: block; font-size: 12px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer; float: left;} .bottone:hover {background-color: #fff; color: #000 !important;} #tab_container_35 .wpsm_nav-tabs > li > a {font-size: 16px !important; font-family: 'Crimson Text' !important;} #tab_container_35 .fa {display: block; font-size: 30px;} #tab_container_35 li {width: 11.19%;} #tab_container_35 .tab-content {height: inherit; padding: 0px; border: none !important;} #tab_container_35 .wpsm_nav-tabs > li.active > a, #tab_container_35 .wpsm_nav-tabs > li.active > a:hover, #tab_container_35 .wpsm_nav-tabs > li.active > a:focus, #tab_container_35 .wpsm_nav-tabs > li > a, #tab_container_35 .wpsm_nav-tabs > li > a:hover, #tab_container_35 .wpsm_nav-tabs > li > a:focus {border: 0 !important;} #tab_container_35 .wpsm_nav-tabs > li:nth-child(1) > a:hover, #tab_container_35 .wpsm_nav-tabs > li:nth-child(2) > a:hover, #tab_container_35 .wpsm_nav-tabs > li:nth-child(3) > a:hover, #tab_container_35 .wpsm_nav-tabs > li:nth-child(4) > a:hover, #tab_container_35 .wpsm_nav-tabs > li:nth-child(5) > a:hover, #tab_container_35 .wpsm_nav-tabs > li:nth-child(6) > a:hover, #tab_container_35 .wpsm_nav-tabs > li:nth-child(7) > a:hover, #tab_container_35 .wpsm_nav-tabs > li:nth-child(8) > a:hover, #tab_container_35 .wpsm_nav-tabs > li:nth-child(9) > a:hover {background-color: #000000 !important;} #tab_container_35 .wpsm_nav-tabs li.active:nth-child(1) a {background-color: #589188 !important;} #tabs_desc_35_1[role="tabpanel"] {padding:20px; overflow: auto; background-color: #589188;} #tab_container_35 .wpsm_nav-tabs li.active:nth-child(2) a {background-color: #a39baf !important;} #tabs_desc_35_2[role="tabpanel"] {padding:20px; overflow: auto; background-color: #a39baf;} #tab_container_35 .wpsm_nav-tabs li.active:nth-child(3) a {background-color: #bb646b !important;} #tabs_desc_35_3[role="tabpanel"] {padding:20px; overflow: auto; background-color: #bb646b;} #tab_container_35 .wpsm_nav-tabs li.active:nth-child(4) a {background-color: #955f84 !important;} #tabs_desc_35_4[role="tabpanel"] {padding:20px; overflow: auto; background-color: #955f84;} #tab_container_35 .wpsm_nav-tabs li.active:nth-child(5) a {background-color: #d3a05c !important;} #tabs_desc_35_5[role="tabpanel"] {padding:20px; overflow: auto; background-color: #d3a05c;} #tab_container_35 .wpsm_nav-tabs li.active:nth-child(6) a {background-color: #607896 !important;} #tabs_desc_35_6[role="tabpanel"] {padding:20px; overflow: auto; background-color: #607896;} #tab_container_35 .wpsm_nav-tabs li.active:nth-child(7) a {background-color: #c5a496 !important;} #tabs_desc_35_7[role="tabpanel"] {padding:20px; overflow: auto; background-color: #c5a496;} #tab_container_35 .wpsm_nav-tabs li.active:nth-child(8) a {background-color: #5c8f66 !important;} #tabs_desc_35_8[role="tabpanel"] {padding:20px; overflow: auto; background-color: #5c8f66;} #tab_container_35 .wpsm_nav-tabs li.active:nth-child(9) a {background-color: #cc5d53 !important;} #tabs_desc_35_9[role="tabpanel"] {padding:20px; overflow: auto; background-color: #cc5d53;} #myTab_35 {padding: 0;} #tab_container_35 .wpsm_nav-tabs > li:nth-child(1) > a {background-color: #589188 !important;} #tab_container_35 .wpsm_nav-tabs > li:nth-child(2) > a {background-color: #a39baf !important;} #tab_container_35 .wpsm_nav-tabs > li:nth-child(3) > a {background-color: #bb646b !important;} #tab_container_35 .wpsm_nav-tabs > li:nth-child(4) > a {background-color: #955f84 !important;} #tab_container_35 .wpsm_nav-tabs > li:nth-child(5) > a {background-color: #d3a05c !important;} #tab_container_35 .wpsm_nav-tabs > li:nth-child(6) > a {background-color: #607896 !important;} #tab_container_35 .wpsm_nav-tabs > li:nth-child(7) > a {background-color: #c5a496 !important;} #tab_container_35 .wpsm_nav-tabs > li:nth-child(8) > a {background-color: #5c8f66 !important;} #tab_container_35 .wpsm_nav-tabs > li:nth-child(9) > a {background-color: #cc5d53 !important;} @media screen and (max-width: 1199px){ #tab_container_35 li {width: 33.333333333% !important; display: inline-block; float: left !important;} } @media screen and (max-width: 768px){ #tab_container_35 .wpsm_nav-tabs > li { float: left !important; } } @media screen and (max-width: 479px){ #myTab_35 {margin-bottom: 0px;} #tab_container_35 .fa {margin: 0px; font-size: 20px;} #tab_container_35 .wpsm_nav-tabs > li {margin-bottom: 0px !important;} #tab_container_35 li {width: 100%;} .txtdsc {float: none; max-width: none; display: block;} .imgdsc {width: auto; float: none; margin-top: 25px;} } ``` * [preetam27](https://wordpress.org/support/users/preetam27/) * (@preetam27) * [4 years, 2 months ago](https://wordpress.org/support/topic/custom-css-lost-when-saving-tab/#post-15463010) * hi [@jakobpress](https://wordpress.org/support/users/jakobpress/), * is this resolving your issue.? * thanks * Thread Starter [jakobpress](https://wordpress.org/support/users/jakobpress/) * (@jakobpress) * [4 years, 2 months ago](https://wordpress.org/support/topic/custom-css-lost-when-saving-tab/#post-15463455) * No, the issue isn’t yet solved. * Thread Starter [jakobpress](https://wordpress.org/support/users/jakobpress/) * (@jakobpress) * [4 years, 2 months ago](https://wordpress.org/support/topic/custom-css-lost-when-saving-tab/#post-15467479) * Hello, I’ve sent to you the WP admin credentials now. Tell me if it’s ok, thank you. * Thread Starter [jakobpress](https://wordpress.org/support/users/jakobpress/) * (@jakobpress) * [4 years, 2 months ago](https://wordpress.org/support/topic/custom-css-lost-when-saving-tab/#post-15505176) * I’ve sent to you now. Please check if the WP mail isn’t in the spam folder. If there are still problems I send to you by mail the credentials. Thanks * Moderator [Jan Dembowski](https://wordpress.org/support/users/jdembowski/) * (@jdembowski) * Forum Moderator and Brute Squad * [4 years, 2 months ago](https://wordpress.org/support/topic/custom-css-lost-when-saving-tab/#post-15514734) * [@lokeshkalosiya](https://wordpress.org/support/users/lokeshkalosiya/) If you keep asking for admin access again at all, of a forum user again, anywhere, you and your accounts will lose access to the forums. I have archived your reply. * While I know you have the best of intentions, it’s forum policy that you _not_ ask users for admin or server access. Users on the forums aren’t your customers, they’re your open source collaborators, and requesting that kind of access can put you and them at high risk. * If they _are_ paying customers (such as people who bought a premium service/product from you) then by all means, direct them to your official customer support system. But in all other cases, you need to help them here on the forums. * Thankfully are other ways to get information you need: - Ask the user to install the [Health Check plugin](https://wordpress.org/support/plugin/health-check/) and get the data that way. - Ask for a link to the [http://pastebin.com/](http://pastebin.com/) or [https://gist.github.com](https://gist.github.com) log of the user’s web server error log. - Ask the user to create and post a link to their `phpinfo();` output. - Walk the user through [enabling WP_DEBUG and how to log that output to a file and how to share that file.](https://wordpress.org/support/article/debugging-in-wordpress/) - Walk the user through basic troubleshooting steps such and disabling all other plugins, clear their cache and cookies and try again (the Health Check plugin can do this without impacting any site vistors). - Ask the user for the step-by-step directions on how they can reproduce the problem. * You get the idea. * We know volunteer support is not easy, and this guideline can feel needlessly restrictive. It’s actually there to protect you as much as end users. Should their site be hacked or have any issues after you accessed it, you could be held legally liable for damages. In addition, it’s difficult for end users to know the difference between helpful developers and people with malicious intentions. Because of that, we rely on plugin developers and long-standing volunteers (like you) to help us and uphold this particular guideline. * When you help users _here_ and in public, you also help the next person with the same problem. They’ll be able to read the debugging and solution and educate themselves. That’s how we get the next generation of developers. Viewing 11 replies - 1 through 11 (of 11 total) The topic ‘Custom CSS lost when saving tab’ is closed to new replies. * ![](https://ps.w.org/tabs-responsive/assets/icon-256x256.png?rev=2337177) * [Tabs Responsive - With WooCommerce Product Tabs Extension](https://wordpress.org/plugins/tabs-responsive/) * [Frequently Asked Questions](https://wordpress.org/plugins/tabs-responsive/#faq) * [Support Threads](https://wordpress.org/support/plugin/tabs-responsive/) * [Active Topics](https://wordpress.org/support/plugin/tabs-responsive/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/tabs-responsive/unresolved/) * [Reviews](https://wordpress.org/support/plugin/tabs-responsive/reviews/) ## Tags * [css](https://wordpress.org/support/topic-tag/css/) * [save](https://wordpress.org/support/topic-tag/save/) * 11 replies * 4 participants * Last reply from: [Jan Dembowski](https://wordpress.org/support/users/jdembowski/) * Last activity: [4 years, 2 months ago](https://wordpress.org/support/topic/custom-css-lost-when-saving-tab/#post-15514734) * Status: resolved