cheftom
Member
Posted 2 years ago #
My site can be found here:
http://www.cheftomcooks.com
My theme is called vividweb
When I post an image in my blog posts, it doesn't matter if I select an alignment of LEFT, RIGHT, or CENTER... It always displays aligned left. And the text doesn't wrap around it.
How can I fix this. I am sure in the css file, but I'm not exactly sure what to do.
seems that the style for the aligns are missing from the style.css:
these are the copies from the default theme - just add them at the end of style.css:
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* End Images */
cheftom
Member
Posted 2 years ago #
That worked! Thanks a lot. :-)