badz525

Forum Replies Created

Viewing 3 replies - 1 through 3 (of 3 total)

  • /*fixing image positioning*/
    img {
    max-width: 95%;
    min-width: 50%;
    border: 10px solid #2c2c2c;
    }

    img:hover {
    border: 10px solid #363636;
    }

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 0px;
    margin: 0px 0px 0px 10px;
    display: inline;
    }

    img.alignleft {
    padding: 0px;
    margin: 0px 10px 0px 0px;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left;
    }

    i use this fix in every theme i developed and it works like charm

    /*fixing image positioning*/
    img {
    max-width: 95%;
    min-width: 50%;
    border: 10px solid #2c2c2c;
    }

    img:hover {
    border: 10px solid #363636;
    }

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 0px;
    margin: 0px 0px 0px 10px;
    display: inline;
    }

    img.alignleft {
    padding: 0px;
    margin: 0px 10px 0px 0px;
    display: inline;
    }

    .alignright {
    float: right;
    }

    this work for me.

    .alignleft {
    float: left;
    }

    Forum: Fixing WordPress
    In reply to: Image align

    wordpress got a problem with image align,

    as stated by vmalni :

    “However in WordPress, even you’ve aligned it nicely in the text editor; when you post it, WordPress wont align it properly. It is because its core style is forcing the images to be aligned to the left although they are aligned differently in text editor. So, to fix this, we need to override the default style.”

    what you can do is, override it.

    get the code from here

    https://www.vmalni.com/2009/02/how-to-fix-image-positioning-in-wordpress/

Viewing 3 replies - 1 through 3 (of 3 total)