Title: adding multiple css codes Last modified: August 21, 2016 --- # adding multiple css codes * [patmur](https://wordpress.org/support/users/patmur/) * (@patmur) * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-multiple-css-codes/) * Hello there, do not know if I have to open a new conversation or it is ok to continue here even if it is closed: * I have deleted the icon before the title in the sample pages with adding this code to the custom css field with this code: * .format-icon:before { speak: none; text-transform: none; -webkit-font-smoothing: antialiased; padding-right: 10px; * and it worked then I wanted to delete the box around the main menu but if I copy also this code it does not work – it just works if I cancel the first one * .navbar .navbar-inner { -webkit-box-shadow: 0px 0px 0px ; -moz-box-shadow: 0px 0px 0px ; box-shadow: 0px 0px 0px transparent; background:none } * how can I add more then one and let both working? * site is: [http://www.patriziamurmura.com](http://www.patriziamurmura.com) thanks a lot Viewing 9 replies - 1 through 9 (of 9 total) * Moderator [Jose Castaneda](https://wordpress.org/support/users/jcastaneda/) * (@jcastaneda) * THEME COFFEE MONKEY * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-multiple-css-codes/#post-4509596) * I don’t see a box around your .navbar on my end. Are you using any caching plugins? * Thread Starter [patmur](https://wordpress.org/support/users/patmur/) * (@patmur) * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-multiple-css-codes/#post-4509598) * You do not see the box cause I had the code to remove it and it works. the problem is I can not add the other one. I need to add multiple. If I copy the code to eliminate the icon before the title in the sample page nothing happen and I would like to do both. Hope it is clear. thanks * [salsaturation](https://wordpress.org/support/users/salsaturation/) * (@salsaturation) * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-multiple-css-codes/#post-4509615) * Hi Patmur * You might have ommitted to close the first element: * ``` .format-icon:before { speak: none; text-transform: none; -webkit-font-smoothing: antialiased; padding-right: 10px; ``` * should be * ``` .format-icon:before { speak: none; text-transform: none; -webkit-font-smoothing: antialiased; padding-right: 10px; } ``` * This might be the issu * Thread Starter [patmur](https://wordpress.org/support/users/patmur/) * (@patmur) * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-multiple-css-codes/#post-4509620) * unfortunately I do not think so, at the moment I have insert this but the first input works and the second one not. * .navbar .navbar-inner { -webkit-box-shadow: 0px 0px 0px ; -moz-box-shadow: 0px 0px 0px ; box-shadow: 0px 0px 0px transparent; background:none } .format-icon: before { speak: none; text-transform: none; -webkit-font-smoothing: antialiased; padding-right: 10px; .format-icon:before { speak: none; text-transform: none;- webkit-font-smoothing: antialiased; padding-right: 10px; } * [salsaturation](https://wordpress.org/support/users/salsaturation/) * (@salsaturation) * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-multiple-css-codes/#post-4509656) * But the 2nd part of the code is not closed correctly either * ``` .format-icon:before { speak: none; text-transform: none; -webkit-font-smoothing: antialiased; padding-right: 10px; .format-icon:before { speak: none; text-transform: none; -webkit-font-smoothing: antialiased; padding-right: 10px; } ``` * should be * ``` .format-icon:before { speak: none; text-transform: none; -webkit-font-smoothing: antialiased; padding-right: 10px; } ``` * [salsaturation](https://wordpress.org/support/users/salsaturation/) * (@salsaturation) * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-multiple-css-codes/#post-4509657) * BTW I can see any elements named ‘.format-icon’ in your source code. I can see the css but not the html part * Thread Starter [patmur](https://wordpress.org/support/users/patmur/) * (@patmur) * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-multiple-css-codes/#post-4509679) * yes sorry I wrote the second one double, now I wrote again * .navbar .navbar-inner { -webkit-box-shadow: 0px 0px 0px ; -moz-box-shadow: 0px 0px 0px ; box-shadow: 0px 0px 0px transparent; background:none } .format-icon: before { speak: none; text-transform: none; -webkit-font-smoothing: antialiased; padding-right: 10px; } * but the first one works and the icon is still there 🙁 * [salsaturation](https://wordpress.org/support/users/salsaturation/) * (@salsaturation) * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-multiple-css-codes/#post-4509699) * If all you are trying to do is to hide the icon this should be sufficient * ``` .format-icon:before { content: " " !important; } ``` * or * ``` .format-icon:before { display: none !important; } ``` * [ElectricFeet](https://wordpress.org/support/users/electricfeet/) * (@electricfeet) * [12 years, 3 months ago](https://wordpress.org/support/topic/adding-multiple-css-codes/#post-4509743) * p.s. [@patmur](https://wordpress.org/support/users/patmur/) You can post directly to the Customizr forum from the bottom of [this page](http://wordpress.org/support/theme/customizr). Viewing 9 replies - 1 through 9 (of 9 total) The topic ‘adding multiple css codes’ is closed to new replies. ## Tags * [add](https://wordpress.org/support/topic-tag/add/) * [css](https://wordpress.org/support/topic-tag/css/) * [multiple](https://wordpress.org/support/topic-tag/multiple/) * 9 replies * 4 participants * Last reply from: [ElectricFeet](https://wordpress.org/support/users/electricfeet/) * Last activity: [12 years, 3 months ago](https://wordpress.org/support/topic/adding-multiple-css-codes/#post-4509743) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics