Title: posts scroll bar needed help please Last modified: August 21, 2016 --- # posts scroll bar needed help please * [myiahtaylor22](https://wordpress.org/support/users/myiahtaylor22yahoocom/) * (@myiahtaylor22yahoocom) * [12 years, 5 months ago](https://wordpress.org/support/topic/posts-scroll-bar-needed-help-please/) * How do I make a scroll bar or make my post scroll down so I dont have to scroll all the way down to see the footer. Im using the out of the box twentytwelve theme and customized it. So im asking how do I make the post scroll . so in a sense you can visualize like a scroll box with all posts inside of it then the footer underneath. i want it to appear at my posts…so that the footer will be seen w/out going to the bottom of my page * my website is blog.claxtracksolutions.com Viewing 8 replies - 1 through 8 (of 8 total) * [Pioneer Web Design](https://wordpress.org/support/users/swansonphotos/) * (@swansonphotos) * [12 years, 5 months ago](https://wordpress.org/support/topic/posts-scroll-bar-needed-help-please/#post-4469015) * With this CSS: * ``` #page_footer { height: 214px; clear: both; background: url('images/footerbg.jpg') top left no-repeat; position: fixed; bottom: 0; left: 0; width:100%; } ``` * The last 4 items are added. You may want to adjust the left and width. * To discover what CSS is output by your theme, use a web inspection tool such as Firebug: [http://getfirebug.com/](http://getfirebug.com/) , Chrome Inspect Element: [https://developers.google.com/chrome-developer-tools/](https://developers.google.com/chrome-developer-tools/) or Internet Explorer 9+ F12 Dev. Tools: [http://msdn.microsoft.com/en-us/library/dd565627(v=vs.85)](http://msdn.microsoft.com/en-us/library/dd565627(v=vs.85)). aspx#csstool * There are others. * When editing CSS, use a Child Theme [http://codex.wordpress.org/Child_Themes](http://codex.wordpress.org/Child_Themes) Custom CSS Plugin, or Theme provided custom CSS option. Edits to parent themes are lost on theme update. * Learn CSS: [http://www.w3schools.com/css/](http://www.w3schools.com/css/) * Thread Starter [myiahtaylor22](https://wordpress.org/support/users/myiahtaylor22yahoocom/) * (@myiahtaylor22yahoocom) * [12 years, 5 months ago](https://wordpress.org/support/topic/posts-scroll-bar-needed-help-please/#post-4469029) * will this make my post scrollable. If so can you take screen shot of the results please? * Its not working on my end * [Pioneer Web Design](https://wordpress.org/support/users/swansonphotos/) * (@swansonphotos) * [12 years, 5 months ago](https://wordpress.org/support/topic/posts-scroll-bar-needed-help-please/#post-4469040) * Yes, it was tested (see below). I do not find the CSS on the site. [Screenshot](http://pioneervalleywebdesign.com/images/screenshot_for_myiahtaylor22.jpg)( before all applied below). The footer stays at bottom of page and the posts scroll. * What I do see is the posts do not scroll all the way and your BBB floats oddly. Put this at the bottom of style.css: * ``` #page_footer { position: fixed; bottom: 0; width:100%; } .site-content { margin: 0 0 234px 0; } .footer1_right { float: left; padding: 75px 0px 0px 25px; } .footer1 { min-width: 980px; } ``` * Thread Starter [myiahtaylor22](https://wordpress.org/support/users/myiahtaylor22yahoocom/) * (@myiahtaylor22yahoocom) * [12 years, 5 months ago](https://wordpress.org/support/topic/posts-scroll-bar-needed-help-please/#post-4469069) * I see that the post scroll and the footer stays at the bottom . Is there a way to make the post scroll without moving the page I guess is what I am looking for to be clear. The header and the sidebar moves with the posts is there a way just to make the posts scroll not the whole page * Thread Starter [myiahtaylor22](https://wordpress.org/support/users/myiahtaylor22yahoocom/) * (@myiahtaylor22yahoocom) * [12 years, 5 months ago](https://wordpress.org/support/topic/posts-scroll-bar-needed-help-please/#post-4469071) * To give you a better understanding as to what i am trying to do is to match the spacing with claxtracksolutions.com ( the spacing between the header and the footer ) and everything (content on the page ) scrolls . * So on every page of blog.claxtracksolutions the header and footer will stay fixed and sidebar will stay fixed and the content will scroll. * Thanks for your help * [Pioneer Web Design](https://wordpress.org/support/users/swansonphotos/) * (@swansonphotos) * [12 years, 5 months ago](https://wordpress.org/support/topic/posts-scroll-bar-needed-help-please/#post-4469074) * Just apply similar CSS to those sections. Review how it is done in CSS in the main site. That said, fixing the sidebar may not be easy due to varying screen heights and what you put in the sidebar eventually. * And: That is happening on main site as it is a table: `` * What is the screen size you are reviewing the site on? * You should also consider how this looks/if works on smaller screens (tablets, mobile phones). That can be done in a browser using the dev tools and applying varying user agent strings. * Thread Starter [myiahtaylor22](https://wordpress.org/support/users/myiahtaylor22yahoocom/) * (@myiahtaylor22yahoocom) * [12 years, 5 months ago](https://wordpress.org/support/topic/posts-scroll-bar-needed-help-please/#post-4469076) * Im not sure what you mean can you help me with that. * Currently I fixed the header to fixed on a local version of the blog.claxtracksolutions. com site. And it just scrolls the post but it looks funky is there a different way. to bring down the footer a little and just have the content scroll but keep everything else in place. * lets say for example the posts page. Can you walk me though that page. then i can apply similar code for the rest of the pages. * can you provide detail code placement and changes as well as instructions on how to fix up the post page on blog.claxtracksolutions.com then i can apply similar code for the rest of pages to make the content scroll. Please * Thread Starter [myiahtaylor22](https://wordpress.org/support/users/myiahtaylor22yahoocom/) * (@myiahtaylor22yahoocom) * [12 years, 5 months ago](https://wordpress.org/support/topic/posts-scroll-bar-needed-help-please/#post-4469077) * I am viewing the site on a 13.3 in scene on my laptop * can you please walk me thorugh the first page and i can do the rest of the pages and apply similar code to make the content scroll only. Viewing 8 replies - 1 through 8 (of 8 total) The topic ‘posts scroll bar needed help please’ is closed to new replies. ## Tags * [bar](https://wordpress.org/support/topic-tag/bar/) * [css](https://wordpress.org/support/topic-tag/css/) * [custom](https://wordpress.org/support/topic-tag/custom/) * [footer](https://wordpress.org/support/topic-tag/footer/) * [html](https://wordpress.org/support/topic-tag/html/) * [overflow](https://wordpress.org/support/topic-tag/overflow/) * [posts](https://wordpress.org/support/topic-tag/posts/) * [scroll](https://wordpress.org/support/topic-tag/scroll/) * [website](https://wordpress.org/support/topic-tag/website/) * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 8 replies * 2 participants * Last reply from: [myiahtaylor22](https://wordpress.org/support/users/myiahtaylor22yahoocom/) * Last activity: [12 years, 5 months ago](https://wordpress.org/support/topic/posts-scroll-bar-needed-help-please/#post-4469077) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics