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 {

img.browsericon {

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


I like making good quality improvement both for my self and my surroundings. I also enjoy learning something new and sharing my thought with other people.

You may also like...

6 Responses

  1. Andhy says:

    Test for showing inline browser icon and OS icon :)

  2. lakso says:

    keep cooding bro ..

  3. Andhy says:

    Thank you bro,
    just coding for fun :)

  4. Ontoramat says:

    How r u? your website is rocks
    I have a new band and we just had a live gig u can see here:

  5. Redjeki says:

    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:

    img.browsericon {

  6. andhy says:

    @ Redjeki
    You are right, you can modify the CSS code into something else which suitable with your theme

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>