Recently a friend asked for help removing the “Provided By Text” on the MyBlogLog widget in her blog’s sidebar.
Off to google I went for a quick look around for ideas. What I found was something so simple I slapped my head wondering, “now why didn’t I just do that to start with instead of looking it up”. This may not be the best way or the proper way but it works perfectly fine.
Let me introduce you to the css property “display: none”. Basically using display: none in your css hides what ever element you do not want shown on your site.
So to implement the same fix we wanted on our blogs you would simply paste the below code into your style sheet. You can place it anywhere however I recommend you place it at the bottom of the file and make sure to comment it so you know what the little hack is for later when you need to edit your style sheet in the future.
table#MBL_COMM td.mbl_fo_hidden {
display:none;
}
Now elements using display:none may not always be 100% hidden from the site depending on what you use it for. Some screen readers such as Jaws for example may still see the hidden content. In order to help prevent this from happening we can add in one more extra piece to our css.
table#MBL_COMM td.mbl_fo_hidden {
display:none;
visibility:hidden;
}
By adding in the visibility:hidden we can be fairly confident that the content we want hidden actually is hidden from view.
As a side note I have no earthly idea if this is against MyBlogLog user policy or TOS. Use at your own risk. If you need any help feel free to ask.
Tags: MyBlogLog, Css Tricks, Hide Site Content With CSS
More Ramblings - From Futures Past
- The Pain OMG The Pain - 2007
Thanks for not callin’ me out on not knowing how to do that. LOL Then again, I could have just read that nice little “For CSS Gurus out there, use this” and perhaps woulda gotten it then.
But, if I had done that, we couldn’t have had this post or displayed why we’re such a damn good team. :D
*giggles*
I like my bloglog notification listing, but if I get tired of it, I’ll remember this post. :)
[…] I shared a little trick showing you how to remove the “Provided by” text with MyBlogLog which is displayed automatically with the MyBlogLog code […]
Greetings,
I have come from a place far far away, a little known town called ‘ImBlogingThat’.
Looks like double the trouble, i mean double the fun.
Bit off comment here, sorry. But who did the illustration for your header image. It is seriously good, and appeals to my, erm, appealing nature.
I had a custom illustration done several years ago for a different site, but lost the artists details. But looking to have another one done.
Anything you can help me with? :)
Graham Smith
ImJustBlogging
Blog & Web Ramblings from ‘my’ Gutter.
Graham: Sorry for the delay but as you can see I suck at timely blogging. The girl in my header graphic was done by Maljuk an illustrator on iStock Photo.
Thanks for dropping by!