Title: Adjusting spacing between screen elements Last modified: August 31, 2016 --- # Adjusting spacing between screen elements * Resolved [kb58](https://wordpress.org/support/users/kb58/) * (@kb58) * [10 years ago](https://wordpress.org/support/topic/adjusting-spacing-between-screen-elements/) * Hi everyone, I’m a first-time WordPress user but have run several websites before, back when flailing about with HTML directly was the thing. A lot has changed! * I’m transferring the old site’s content into WordPress and that’s going fairly well. I used the plugin Instant WordPress to develop the site locally and uploaded it so I can show you want I’m working on. I’ve been using these forums (a lot!) to figure things out for myself, but recently came up against a few issues I can’t resolve. I’m running IE 11 and Windows 7. * The test site is [http://www.kiminipublications.com/wp](http://www.kiminipublications.com/wp). The first question is: How can I decrease the space between “Build this car in your own garage” and the main picture above it? * I have several other questions and issues but will create separate posts. * Thank you very much! Viewing 11 replies - 1 through 11 (of 11 total) * [ashiquzzaman](https://wordpress.org/support/users/ashiquzzaman/) * (@ashiquzzaman) * [10 years ago](https://wordpress.org/support/topic/adjusting-spacing-between-screen-elements/#post-7359662) * Hi there, Try this CSS code – * ``` .home .panel-grid-cell {margin-top:-60px;} ``` * Thread Starter [kb58](https://wordpress.org/support/users/kb58/) * (@kb58) * [10 years ago](https://wordpress.org/support/topic/adjusting-spacing-between-screen-elements/#post-7359668) * Well that was odd. I cut-and-pasted the CCS and it made all the text in all the boxes full width (strangely, the answer to another question I asked), but it didn’t affect the space above the text. I removed it and put it back in, and the text went back to original, but the spacing hasn’t changed. * I assume (using Visual Editor) it should go in the widget attributes field so that it affects only this text field. Is that correct? * [ashiquzzaman](https://wordpress.org/support/users/ashiquzzaman/) * (@ashiquzzaman) * [10 years ago](https://wordpress.org/support/topic/adjusting-spacing-between-screen-elements/#post-7359671) * I guess the theme is based on responsive CSS frameworks, that’s why Some other element got the css too. Try this CSS snippet and let me know if it works(Perfectly!) on not – * ``` .home #post-120 {margin-top:-5%;} ``` * Thread Starter [kb58](https://wordpress.org/support/users/kb58/) * (@kb58) * [10 years ago](https://wordpress.org/support/topic/adjusting-spacing-between-screen-elements/#post-7359709) * Still no effect. For what it’s worth, it appears that the margin between the picture and top text box is exactly twice the margin between the top and bottom text boxes. * [wanderer](https://wordpress.org/support/users/bluegeek26/) * (@bluegeek26) * [10 years ago](https://wordpress.org/support/topic/adjusting-spacing-between-screen-elements/#post-7359727) * You could just add `!important` to the code he gave you. * Like this: * ``` .home #post-120 {margin-top:-5% !important;} ``` * [ashiquzzaman](https://wordpress.org/support/users/ashiquzzaman/) * (@ashiquzzaman) * [10 years ago](https://wordpress.org/support/topic/adjusting-spacing-between-screen-elements/#post-7359763) * Try putting !important tag just as [@wanderer](https://wordpress.org/support/users/wanderer/) suggested. * Thread Starter [kb58](https://wordpress.org/support/users/kb58/) * (@kb58) * [10 years ago](https://wordpress.org/support/topic/adjusting-spacing-between-screen-elements/#post-7359790) * I’ll give it a try tonight. I asked before but it got buried: Where does the custom CSS go? I came up with the following: * 1. In the widget attributes CSS field (so that it affects only this text field) when using Visual Editor? 2. In the Appearance -> Reading -> Custom CSS field? * I “think” it’s #1, but is it? * Thanks again! * [wanderer](https://wordpress.org/support/users/bluegeek26/) * (@bluegeek26) * [10 years ago](https://wordpress.org/support/topic/adjusting-spacing-between-screen-elements/#post-7359791) * Hey [@kb58](https://wordpress.org/support/users/kb58/), * I’m not familiar with `Appearance -> Reading -> Custom CSS`, but have seen `Appearance- > Custom CSS`. * I’d recommend #2 instead of widget in Visual Editor. * You can try #2. If it doesn’t work, you can just install and activate a Custom CSS plugin such as [Simple Custom CSS](https://wordpress.org/plugins/simple-custom-css/). Then you’d insert the code in `Appearance > Custom CSS` and be done with it. * Thread Starter [kb58](https://wordpress.org/support/users/kb58/) * (@kb58) * [10 years ago](https://wordpress.org/support/topic/adjusting-spacing-between-screen-elements/#post-7359792) * I’m stuck at work so can’t confirm, but you’re probably right – I’m going from memory. I’ll try it out tonight and let you guys know. * This site’s awesome! * Thread Starter [kb58](https://wordpress.org/support/users/kb58/) * (@kb58) * [10 years ago](https://wordpress.org/support/topic/adjusting-spacing-between-screen-elements/#post-7359795) * Worked great! Thank you very much everyone! * [wanderer](https://wordpress.org/support/users/bluegeek26/) * (@bluegeek26) * [10 years ago](https://wordpress.org/support/topic/adjusting-spacing-between-screen-elements/#post-7359797) * You’re welcome. We’re glad we could help you! Viewing 11 replies - 1 through 11 (of 11 total) The topic ‘Adjusting spacing between screen elements’ is closed to new replies. * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 11 replies * 3 participants * Last reply from: [wanderer](https://wordpress.org/support/users/bluegeek26/) * Last activity: [10 years ago](https://wordpress.org/support/topic/adjusting-spacing-between-screen-elements/#post-7359797) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics