Title: Sidebar Box making Last modified: August 30, 2016 --- # Sidebar Box making * [manubmxnsb](https://wordpress.org/support/users/manubmxnsb/) * (@manubmxnsb) * [10 years, 4 months ago](https://wordpress.org/support/topic/sidebar-box-making/) * Hi there. I am curently a new user of WordPress and CSS. On [my site](http://mysedart.comlu.com), I have **Rara Clean Theme** installed. On my right side, the sidebar is not integrated in a box , as the one in the center,as I would like it to be. Thing is that I donโ€™t know where(in what file and where in it), and what to take, specifically to edit, copy and paste the code for the sidebar to be in a box. * [Example of what I want to do](http://s9.postimg.org/psr9bbvwv/test.jpg) * Thank you! Viewing 15 replies - 1 through 15 (of 16 total) 1 [2](https://wordpress.org/support/topic/sidebar-box-making/page/2/?output_format=md) [โ†’](https://wordpress.org/support/topic/sidebar-box-making/page/2/?output_format=md) * [codeManiac](https://wordpress.org/support/users/codemaniac/) * (@codemaniac) * [10 years, 4 months ago](https://wordpress.org/support/topic/sidebar-box-making/#post-6885172) * Hey manubmxnsb ! * Welcome to WordPress then ๐Ÿ™‚ Will do my best here to succeed with your WordPress site Ok here we go. Go to your dashboard -> appearance -> editor and open the style.css file and paste the following there * ``` #sidebar { background: white; padding: 20px; } ``` * and the result will be [http://imgur.com/jWSwasc](http://imgur.com/jWSwasc) * if you want every section alone of the sidebar * do the same but paste the following code * ``` .widget { margin: 0 0 1.5em; background: white; padding: 20px; } ``` * and the result will be [http://imgur.com/uHgjDuA](http://imgur.com/uHgjDuA) * let me know how it goes and I will be happy to provide you more help ๐Ÿ™‚ * Cheers * Thread Starter [manubmxnsb](https://wordpress.org/support/users/manubmxnsb/) * (@manubmxnsb) * [10 years, 4 months ago](https://wordpress.org/support/topic/sidebar-box-making/#post-6885192) * Hey codeManiac. Thank you for your help! It works! ๐Ÿ˜€ I though i have to put it somewhere specific in the code , but it seems to work perfectly. I have another thing. how can I make my header, upside bar a static one , like a sticky one.** Ex. facebook.com** * [codeManiac](https://wordpress.org/support/users/codemaniac/) * (@codemaniac) * [10 years, 4 months ago](https://wordpress.org/support/topic/sidebar-box-making/#post-6885223) * There are many ways but letโ€™s see if the simplest and easiest one will work for you : * try this plugin : [Sticky Menu](https://wordpress.org/plugins/mystickymenu/) * Thread Starter [manubmxnsb](https://wordpress.org/support/users/manubmxnsb/) * (@manubmxnsb) * [10 years, 4 months ago](https://wordpress.org/support/topic/sidebar-box-making/#post-6885247) * It works for another theme of mine(although not as expected because it is not constant, it only shows after a bit more scrolling and in other color), but unfortunately not for **Rara Clean Theme** ,which Iโ€™m using at the moment. * [codeManiac](https://wordpress.org/support/users/codemaniac/) * (@codemaniac) * [10 years, 4 months ago](https://wordpress.org/support/topic/sidebar-box-making/#post-6885279) * hmm ok then , see your style.css file? * look for this section of code * ``` #header { width: 100%; background: #fff; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.14); position: relative; } ``` * simply change the relative value with fixed * then add some padding to #main by pasting the following : * #main { padding-top: 90px; } * 90px seemed good value to me, ofc you can change it ๐Ÿ™‚ * Cheers ! * Thread Starter [manubmxnsb](https://wordpress.org/support/users/manubmxnsb/) * (@manubmxnsb) * [10 years, 4 months ago](https://wordpress.org/support/topic/sidebar-box-making/#post-6885306) * Seems to work for the **Rara Clean Theme**, although tested on the other theme( ironic) , is not working. [I have let that theme on for you to see](http://mysedart.comlu.com/). Itโ€™s the [Sparkling Theme](https://colorlib.com/wp/themes/sparkling/). Any idea of what might be the problem? * [codeManiac](https://wordpress.org/support/users/codemaniac/) * (@codemaniac) * [10 years, 4 months ago](https://wordpress.org/support/topic/sidebar-box-making/#post-6885310) * Every theme has its own classes and IDs , a solution that works on 1 may not work on the other even because of a simple reason which is difference in class names. * The 2nd theme uses bootstrap framework and in order to get a fixed top header open header.php and look for * `