How to use Wrapping Text Around in twentytwelve

  • Resolved Qjoobsian

    (@qjoobsian)


    12 years, 2 months ago

    I found out about the wrapping text around function but have no idea where to paste the mandatory code in my twentytwelve child theme.

    I checked the original twentytwelve code but was not able to find it as shown down here (copied from here)

    img.alignright {float:right; margin:0 0 1em 1em}
    img.alignleft {float:left; margin:0 1em 1em 0}
    img.aligncenter {display: block; margin-left: auto; margin-right: auto}
    .alignright {float:right; }
    .alignleft {float:left; }
    .aligncenter {display: block; margin-left: auto; margin-right: auto}

    So what should I paste into the child theme to make wrapping text work?

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

  • corresponding styles are already in Twenty Twelve;

    what are you trying to achieve, and where is the problem?

    These alignments are part of the twenty twelve theme and found starting on line #345

    /* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

    Margin and padding is lower down the stylesheet.

    Thread Starter Qjoobsian

    (@qjoobsian)

    @alchymyth, I was trying to find the code as described on the WP wrapping text page. @christine showed me the way, thx.

    I already found how to delete the border and shadow.
    What I am trying to achieve now is to get rid of all the white space around an image. (padding?, margin?)

    I use transparant .png images that are very tight but even then I seem not to succeed in wrapping the text nicely around an image.
    I changed several coding (block to inline, padding, margin%), no effect.

    I guess it’s in a combination of coding that needs to be redone?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to use Wrapping Text Around in twentytwelve’ is closed to new replies.