NPC Comic
A comic about two blue cats who play World of Warcraft, and their gamer human. Written and drawn by Mary Varn.
-
Hey, some writers you might be familiar with started a SWTOR info site!
Also! You may have noticed that I’ve been writing a few things in the comic posts and have moved it to the front page. I’d really like to tweak something, but I’m having trouble because I don’t know what I’m doing when it comes to web development or CSS, and no, my boyfriend John isn’t a web guy like Mike is. :O Dear readers, would any of you happen to know how I can decrease the space between the comic and the social sharing icons up there, like so? The proper CSS class/div/id whatever is eluding me. And yes, I’m using Firebug! Thanks!EDIT: Thanks everyone! You fixed it for me. You’re the best. I like this whole asking-you-for-code-help thing. I’ll try not to abuse it.
©2009-2013 | NPC Comic is powered by WordPress with ComicPress
| Subscribe: RSS Feed | Back to Top ↑| Privacy Policy
On line 402 of your style.css, there is a style for .post-info, with a definition of margin-bottom: 5px.
Replace the margin-bottom with display: none;
It’s a bit scorched earth, but something similar has been done with the .post-text class to hide the header in that block, so it couldn’t hurt too much.
I love the Bink/Chloe totem pole it rocks
Ha now I want to make a real Chloe and Bink totem pole thing.
In addition to Pathak, remove line 383 of that same file ( “padding:5px 0″ ), or change it to “padding:0 0″
It should line up the top of the share buttons with the top of the sidebar, removing only the .post-info div will leave you with a vertical 5 pixel difference between the top of the sidebar and the top of the share buttons.
I agree with Pathak, but to truly make it flush with the top, you also need to remove the padding on .column (on line 383).
If there is content in the post-info div, you probably need to find out a way to have that div not show up when no content is necessary or available. If not, then the display:none fix will work.
Pathak is right on the money with the css fix, kill the ghost of .post-info!
Thanks everyone! I tested the below code locally and it works great, so I’ll update the live site soon.
div.column div.post-comic div.post-info {display: none;}
div.column {padding: 0px 0px 5px 0px;}
I don’t know CSS, but I do know you have a typo in the alt text
Ugh, *facepalm.* A very embarrassing one at that! Fixed. *slinks off*
Why does Lisa still hold her bag on the shoulder after taking her coat off?
Because, as a cat owner, she can’t leave it hanging on a hook or on an end table… it must be safely carried to secure storage, lest the wee blue beasties shred it looking for mouse spleens.
Humble Hoedown.
Now that’s the name of a country cover band of something that’s not country if I ever did hear one.