Pic and Text alignment issue with visual editor

  • Hello!

    I’m having an alignment issue with the visual editor tool. I create a row and divide it into 50% on both sides, add a visual editor to both sides, and when I add media or text to the left side it always comes up center, but the media or text on the right is fine. When I have a row with 100% and text or media and center it, it shows up on the right side of the screen…
    I’m familiar with css and I’ve tried my code on other sites and I dont have that issue. Is there any portion in the style.css worth attempting to change? I cleared cache and cookies. I’ve looked at the style.css on other sites where i used the same theme I’m using and it appears to be the same. The core is as follows.

    /* =17. WordPress core
    ————————————————————– */

    .alignleft {
    display: inline;
    float: left;
    margin: 18px 18px 18px 0;
    }

    .alignright {
    display: inline;
    float: right;
    margin: 18px 0 18px 18px;
    }

    .aligncenter {
    display: block;
    margin: 18px auto 18px auto;
    }

    .wp-caption {
    max-width: 100%;
    }

    .wp-caption img[class*=”wp-image-“] {
    display: block;
    margin: 0 auto;
    }

    .wp-caption-text {
    color: #444;
    font-size: 12px;
    text-align: center;
    }

    .wp-caption .wp-caption-text {
    margin-bottom: 0.8075em;
    margin-top: 0.8075em;
    }

    .gallery-item {
    float: left;
    margin: 0 4px 4px 0;
    overflow: hidden;
    position: relative;
    }

    .gallery-columns-1 .gallery-item {
    max-width: 100%;
    }

    .gallery-columns-2 .gallery-item {
    max-width: 48%;
    max-width: calc(50% – 4px);
    }

    .gallery-columns-3 .gallery-item {
    max-width: 32%;
    max-width: calc(33.3% – 4px);
    }

    .gallery-columns-4 .gallery-item {
    max-width: 23%;
    max-width: calc(25% – 4px);
    }

    .gallery-columns-5 .gallery-item {
    max-width: 19%;
    max-width: calc(20% – 4px);
    }

    .gallery-columns-6 .gallery-item {
    max-width: 15%;
    max-width: calc(16.7% – 4px);
    }

    .gallery-columns-7 .gallery-item {
    max-width: 13%;
    max-width: calc(14.28% – 4px);
    }

    .gallery-columns-8 .gallery-item {
    max-width: 11%;
    max-width: calc(12.5% – 4px);
    }

    .gallery-columns-9 .gallery-item {
    max-width: 9%;
    max-width: calc(11.1% – 4px);
    }

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

  • Please post a link that show the problem.

    Thread Starter rycleves

    (@rycleves)

    The image in the upper right corner is on its own row with a 50% split, each split containing a visual editor. The bottom image is on it own row, just beneath the top one, on the left side of the row, with a 50% split in visual editor as well. Every time I load media on to the left side of a 50% split, without adding any alignment, it goes to the center and remains small, even tho it’s uploaded in the visual editor as “full size” image.

    I really appreciate you looking at this!

    Please post a link instead of a graphic. That way I can run some tests.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Pic and Text alignment issue with visual editor’ is closed to new replies.