I am new to wordpress and CSS and PHP. I'm pleased with WordPress but I can't figure out how to wrap words around images. I gather this is a common problem, but after following all of the instructions on the codex site: http://codex.wordpress.org/Wrapping_Text_Around_Images
I didn't know the code well enough to figure out where to put all of the tags suggested in the codex page:
a:hover img {border:solid red 1px}
p img {padding: 0; max-width: 100%; }
img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.left { padding: 4px; margin: 0 7px 2px 0; display: inline;
.right { float: right }
.left { float: left }
img.centered {display: block; margin-left: auto; margin-right: auto}
.caption { margin: 5px; padding: 5px; border: solid 1px #E5E5FF; background: #E5F2FF; font-size:90%; color: black }
I tried putting it inside the img { } part, then tried it ouside of the img { }, but neither way worked to allow text wrapping around images - it totally screwed up the site both ways. I tried to go back to the beginning in the codex to decipher how code works, but couldn't figure it out. I feel totally brainless here... is there some kind of plugin or shortcut that can bail me out so that I don't have to alter my style.css? If not, can someone clear up my confusion as to where to put those lines of code in my stylesheet?
I am using the Red Train theme, at http://www.awaketodream.net.
thanks!