Hello I am trying to get this text "*SCRC Reading Room is closed for the Fall 2020 Semester" closer to "Bird Library: View Service desk hours" How would I do that given this code. <h3 class="hours-h3">Bird Library</h3> <script src="//api3.libcal.com/js/hours_grid.js?002"></script> <div id="s-lc-whw1503"></div> <script> $(function(){ var week1503 = new $.LibCalWeeklyGrid( $("#s-lc-whw1503"), { iid: 3186, lid: 1503, weeks: 8 }); }); </script> *SCRC Reading Room is closed for the Fall 2020 Semester Code (markup): image can be found on https://ibb.co/W5NDRk4
Hello, We dont have your CSS code but i think your <div id="s-lc-whw1503"></div> must have margin-bottom or padding-bottom. You need to remove it. If you have access to the CSS try : #s-lc-whw1503 { padding-bottom:0; margin-bottom:0; } Code (markup):
I added this but no luck <h3 class="hours-h3">Bird Library</h3> <script src="//api3.libcal.com/js/hours_grid.js?002"></script> <div id="s-lc-whw1503"></div> <script> $(function(){ var week1503 = new $.LibCalWeeklyGrid( $("#s-lc-whw1503"), { iid: 3186, lid: 1503, weeks: 8 }); }); </script> <div style="padding-bottom:0; margin-bottom:0;">*SCRC Reading Room is closed for the Fall 2020 Semester</div> Code (markup): you can find it on https://library.syr.edu/hours/index.php, if you scroll down to BIRD LIBRARY
gotcha, here's your culprit that's some really nasty page layout you've got going on there. Tables are for showing data not providing layout.
Thank you i appreciate it, i dont think i have access to the css, is there any inline css u can provide that will fix it? like this <div style="padding-bottom:0; margin-bottom:0;">*SCRC Reading Room is closed for the Fall 2020 Semester</div>
You want to add the css to the table above it, inline css will overrule the css file. Something like this will do the trick To get those screen shots I'm using the developer tools in my browser - in this instance chrome, right-clicking, and choosing inspect. It lets me click or hover over parts of the screen. In this case when I can see that the table has a beige bar at the bottom that represents the margin for that element. Doing the same for the *SCRC text doesn't show a beige bar telling me that there isn't a margin set for that element. Once I know where the white space is coming from I can start to mess about making changes to it, and once I know what needs to be changed and where I can take those changes to my script and set it live.
Thank you that worked, and to remove the spacing here which is located in the beginning, would i do the same?
You've got 2 things contributing to the spacing .page-row-block (local.css, line 2478) has padding-bottom: 30px hr has a margin top and bottom of 20px Once you've got all this nutted out take a look at it on mobile - the table headers need some TLC
second <div class="page-row-block"> in "<article class="level-two col-lg-8 col-md-8 col-sm-8 col-xs-12">" replace to <div class="page-row-block" style="padding-bottom:0;"> HTML: but it's better to never use inline styles...
It's even better not to piss all over the markup with incorrect to nonexistent semantics and presentational classes that undo 23 years of progress... but when the mind-numbingly dumbass idiotic trash that is bootcrap gets involved, good practices go right out the window.