Title: Rbrace errors in custom CSS Last modified: October 1, 2019 --- # Rbrace errors in custom CSS * [pbwpwork](https://wordpress.org/support/users/pbwpwork/) * (@pbwpwork) * [6 years, 8 months ago](https://wordpress.org/support/topic/rbrace-errors-in-custom-css/) * Hi * I copied the simple block of CSS from a CSS training site (so I know it the correct coding: * ``` :root{--main-bg-color:coral;} .page-id-29 #page > div { background-color: var(--main-bg-color); padding: 5px; } ``` * (I have adapted it for my site so it works) * As I say it works, however I am still getting an RBRACE error on line 1 col 7: * `--main-bg-color: coral;` * If make it a single dash ( – ) the error goes but the script does not run. * Anyone know how to write this so that there is no error and the script works? * Thanks, * Paul * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Frbrace-errors-in-custom-css%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 6 replies - 1 through 6 (of 6 total) * [catacaustic](https://wordpress.org/support/users/catacaustic/) * (@catacaustic) * [6 years, 8 months ago](https://wordpress.org/support/topic/rbrace-errors-in-custom-css/#post-11984749) * What you’re using there is not CSS. I’m guessing that it’s part of an SCSS (or equivilent) file for a pre-prcessor to go through and turn into “proper” CSS. That won’t work if you use it directly in a CSS file. * Thread Starter [pbwpwork](https://wordpress.org/support/users/pbwpwork/) * (@pbwpwork) * [6 years, 8 months ago](https://wordpress.org/support/topic/rbrace-errors-in-custom-css/#post-11984938) * OK thanks, so if I want to work with Define Variables, the code needs to be put it in a CSS file and upload it to the server? * Is it possible to use a CSS plugin? Just I’m using the :root feature to alter a header image and I’m trying to come up with a method that my customer can easily update (so that’s why I wrote it in the Customizer). If that is not possible then OK, I was just wondering. * [catacaustic](https://wordpress.org/support/users/catacaustic/) * (@catacaustic) * [6 years, 8 months ago](https://wordpress.org/support/topic/rbrace-errors-in-custom-css/#post-11985140) * It won’t work. What you are using is **not CSS**. You can’t add it to a stylesheet. It just won’t work if you do it that way. * Have a read up of SCSS and that will give you a better understanding of what you need to have that work on your site if that’s really what you want to do. * If you want normal CSS, you’d need something like this (you’ll need to change the colours to what you want): * ``` .page-id-29 #page > div { background-color: #CC0000; padding: 5px; } ``` * [xdividr](https://wordpress.org/support/users/xdividr/) * (@xdividr) * [6 years, 8 months ago](https://wordpress.org/support/topic/rbrace-errors-in-custom-css/#post-11986949) * That should work just fine, in browsers that support CSS variables, otherwise known as custom properties. [https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) * In your CSS, you’re targeting `` so when you go to that page, you’ll see that the background color is set to `coral`. * [https://pb-tester.freesite.host/?page_id=29](https://pb-tester.freesite.host/?page_id=29) * The link you provided [https://pb-tester.freesite.host/?page_id=45](https://pb-tester.freesite.host/?page_id=45) doesn’t match that class name, so it won’t show the color you set `:root{--main- bg-color:coral;}` * Were you expecting something else? More info please. * [xdividr](https://wordpress.org/support/users/xdividr/) * (@xdividr) * [6 years, 8 months ago](https://wordpress.org/support/topic/rbrace-errors-in-custom-css/#post-11986963) * Your RBRACE error is due to CSSlint not supporting CSS custom properties. * [https://github.com/CSSLint/csslint/issues/682](https://github.com/CSSLint/csslint/issues/682) * [xdividr](https://wordpress.org/support/users/xdividr/) * (@xdividr) * [6 years, 8 months ago](https://wordpress.org/support/topic/rbrace-errors-in-custom-css/#post-11986974) * If you’re wanting to add support for the Customizer, have a look at this tutorial: * [https://code.tutsplus.com/series/a-guide-to-the-wordpress-theme-customizer–wp-33722](https://code.tutsplus.com/series/a-guide-to-the-wordpress-theme-customizer--wp-33722) Viewing 6 replies - 1 through 6 (of 6 total) The topic ‘Rbrace errors in custom CSS’ is closed to new replies. ## Tags * [css](https://wordpress.org/support/topic-tag/css/) * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 6 replies * 3 participants * Last reply from: [xdividr](https://wordpress.org/support/users/xdividr/) * Last activity: [6 years, 8 months ago](https://wordpress.org/support/topic/rbrace-errors-in-custom-css/#post-11986974) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics