Some CSS Hack WordPress Theme

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language. CSS  is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation (written in CSS). This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, and reduce complexity and repetition in the structural content (such as by allowing for tableless web design).

Well, the default css of blueweed wordpress theme which i used for this blog caused some smiley images, browser icon, and OS icon did not inline with the text so the appearance of those images in my blog would be weird :( .Anw,  after did some researched, finally i found that it was caused by every images in wordpress blueweed theme was added  margin 10px by default because of blueweed CSS script as bellow :

.entry img {margin:0 10px 10px 10px;border:1px solid silver;}

Hm… Actually what i need is the images in my page still should have margin 10px while the smiley icon, browser icon, and OS icon should inline with text.
Therefore in order to make my smiley, browser icon, and OS icon inline with text, i add some css hack into my style.css as bellow :

/*** added by andhy **/
img.wp-smiley {
margin:0px;
padding:0px;
border:0px;
}

img.browsericon {
margin:0px;
padding:0px;
border:0px;
}

Now my smiley icon, browser icon, and OS icon is inline with text while my images still have marging 10px 8)

Note : That css hack can be used also for another wordpress theme if there is inline images happened as long as we use default smiley from wordpress :D

More on AndhySukma.com :

Kirim File via Bluetooth ke BB Javelin dari Ponsel lain
My New Gadget BB Javelin
Upload foto dari Blackberry ke Flickr
Membuat USB Installer Win 7 dengan Win 7 USB DVD Download Tool
Screen Snap : Print Screen Layar Ponsel Symbian
Tes posting blog dari BB
Ubuntu 12.04 pada Laptop HP 2230s

6 thoughts on “Some CSS Hack WordPress Theme

  1. Yeah.. this code work at my themes.. but i must add additional code again because My CSS automatically loat left the post images. So like this:

    <code>
    img.browsericon {
    margin:0px;
    padding:0px;
    border:0px;
    float:none;
    }
    </code>

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>