Title: Changes style.css Last modified: August 31, 2016 --- # Changes style.css * Resolved [AnnaHavanna](https://wordpress.org/support/users/annahavanna/) * (@annahavanna) * [10 years, 2 months ago](https://wordpress.org/support/topic/changes-stylecss/) * Hi, * I’d like to change some things via my style.css and I don’t know how: 1) Reduce the height of the lines of my submenu. 2) Change the colour of the submenu background. * [http://goo.gl/peFUv6](http://goo.gl/peFUv6) * Thanks. Viewing 11 replies - 1 through 11 (of 11 total) * [Madhusudan Pokharel](https://wordpress.org/support/users/madhusudan977/) * (@madhusudan977) * [10 years, 2 months ago](https://wordpress.org/support/topic/changes-stylecss/#post-7012903) * Hello, you can make changes to the CSS by first Download Custom CSS Plugin: [https://wordpress.org/plugins/simple-custom-css/](https://wordpress.org/plugins/simple-custom-css/) After activating the plugin put following code inside Custom CSS box: * ``` #access ul ul a { background: #f9f9f9; line-height: 1em; width: 148px; } #access li:hover > a, #access ul ul :hover > a, #access a:focus { background: #efefef; } ``` * **Note: adjust background and line-height.** * Thread Starter [AnnaHavanna](https://wordpress.org/support/users/annahavanna/) * (@annahavanna) * [10 years, 2 months ago](https://wordpress.org/support/topic/changes-stylecss/#post-7013036) * Thanks. This worked perfectly well for the colour issue in my sub menu. Wow. I am learning so much browsing this forum. * It does not worked concerning the line height. I do not know the right term, but when I reduced it to 0.5em only the letters shrinked together. I would like to have the whole space of each sub menu field less high. * I tumbled over two more questions I could not solve on my own or via forum: 1) I’d like to get rid of the space above my header image? What code I will have to put in my style.css? 2) Is it possible to place a plugin in the menu bar? ( like language switcher) * [Madhusudan Pokharel](https://wordpress.org/support/users/madhusudan977/) * (@madhusudan977) * [10 years, 2 months ago](https://wordpress.org/support/topic/changes-stylecss/#post-7013037) * Ans.1 -> In Custom CSS write following code * ``` #main { padding:0;} ``` * This code should get rid of the space above header image. * Ans.2 -> You have to register sidebar in functions.php and then create sidebar widget area in your header area creating div Tutorial [LINK](http://www.wpbeginner.com/wp-themes/how-to-add-dynamic-widget-ready-sidebars-in-wordpress/) * Regards!! * Thread Starter [AnnaHavanna](https://wordpress.org/support/users/annahavanna/) * (@annahavanna) * [10 years, 2 months ago](https://wordpress.org/support/topic/changes-stylecss/#post-7013039) * Hi, thanks for your quick answer. * `#main { padding:0;}` This code only reduces the space between headline and menu bar. (Maybe I will need it later.) I would like to reduce the space above the header image. Any idea? * Answer 2 I will try tonight. Thanks in advance. * ``` #access ul ul a { background: #f9f9f9; line-height: 1em; width: 148px; } ``` * Do you have any idea concerning question 0? 0) It does not worked concerning the line height. concerning the line height. I do not know the right term, but when I reduced it to 0.5em only the letters shrinked together. I would like to have the whole space of each sub menu field less high. * [Madhusudan Pokharel](https://wordpress.org/support/users/madhusudan977/) * (@madhusudan977) * [10 years, 2 months ago](https://wordpress.org/support/topic/changes-stylecss/#post-7013046) * First Crop the header image height to 80 px then add following code inside Custom CSS section. * ``` #branding img { height: 80px; } #access ul ul a { height: 5px; } ``` * The second code should work the whole space of each sub menu field less high. Let me know if you have any difficulty. * Thanks & Regards. * Thread Starter [AnnaHavanna](https://wordpress.org/support/users/annahavanna/) * (@annahavanna) * [10 years, 2 months ago](https://wordpress.org/support/topic/changes-stylecss/#post-7013053) * Hi, * the second code worked perfectly fine. The line height of the submenu is reduced. Thanks. * ``` #access ul ul a { height: 5px; } ``` * The first code does not seem to have any effect on the space above the header image at all. * ``` #branding img { height: 80px; } ``` * Any idea? Thanks. * [Madhusudan Pokharel](https://wordpress.org/support/users/madhusudan977/) * (@madhusudan977) * [10 years, 1 month ago](https://wordpress.org/support/topic/changes-stylecss/#post-7013061) * Hello, How are you doing? The space above the header image is too looking OK. Can you mark this thread as resolved? * Thread Starter [AnnaHavanna](https://wordpress.org/support/users/annahavanna/) * (@annahavanna) * [10 years, 1 month ago](https://wordpress.org/support/topic/changes-stylecss/#post-7013064) * Hi Madhusudan, * thank you for asking. And yes I will mark the topic as resolved after I it is resolved 😉 * What browser are you using? I already checked all the current browser and there is still space (dark grey) above the white header image. I don’t have any idea what to change. * [Madhusudan Pokharel](https://wordpress.org/support/users/madhusudan977/) * (@madhusudan977) * [10 years, 1 month ago](https://wordpress.org/support/topic/changes-stylecss/#post-7013065) * Hello, * Try this, it will remove the dark grey color above the header image. * ``` #page { margin-top: 0; } ``` * Thread Starter [AnnaHavanna](https://wordpress.org/support/users/annahavanna/) * (@annahavanna) * [10 years, 1 month ago](https://wordpress.org/support/topic/changes-stylecss/#post-7013066) * Of course. It is so easy. I’ll never forget it anymore! Thanks, Anna * [Madhusudan Pokharel](https://wordpress.org/support/users/madhusudan977/) * (@madhusudan977) * [10 years, 1 month ago](https://wordpress.org/support/topic/changes-stylecss/#post-7013068) * I am glad that you solved it. Viewing 11 replies - 1 through 11 (of 11 total) The topic ‘Changes style.css’ is closed to new replies. ## Tags * [css](https://wordpress.org/support/topic-tag/css/) * 11 replies * 2 participants * Last reply from: [Madhusudan Pokharel](https://wordpress.org/support/users/madhusudan977/) * Last activity: [10 years, 1 month ago](https://wordpress.org/support/topic/changes-stylecss/#post-7013068) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics