I'm trying to do custom formatting of a slideshow plugin.
I want:
1)a shadowbox surrounding the slide.
2)the slideshow on the left and text on its right. Besides the slideshow, there are ordinary images above it that I want to keep on a separate line.
I read W3 school's CSS guide, and I tested coding changes with both Firebug and Chrome's developer tools.
I managed to get the shadowbox to appear just as I wanted it in with the developer tools (although I haven't yet succeeded in following the plugin author's instructions for making a "child plugin").
On the other hand, the text wrapping, which appears to require much simpler code than a shadowbox, does not take effect even in the developer tool mode.
After studying W3-schools' CSS guide, it appears that
clear: left
should make a line break right before the slideshow, and that
float: left;
should make the slide float left with text wrapping around its right.
However, the developer tools crossed out clear: left and clear: none, and float did not cause text wrapping. I looked at the HTML code that had been generated, and found that the text was in its own div, not within the div of the plugin.
There must be something that is putting the slideshow and text in separate divs and forcing a line break after the slideshow despite "float". It could be that the same thing is causing "clear" to be disqualified. I have not yet figured this out despite pouring over W3's CSS guide and doing searches in Wordpress and in Google.
How can I get the text to wrap around the slideshow?