moenkopi
Member
Posted 3 years ago #
Okay, this is so weird and I have no idea what's going on. When I post a photo and do not give it an any special alignment or try to center it, it's fine. But when I try to align it on the right or left with text alongside, it resizes it. While the height of the photo stays the same, it changes the width to 286 pixels every time. I am completely mystified. I've looked in my template and haven't noticed anything. I used the same template on a different site, but changed it for each site to make look right. (One is for a blog, and this one is for a more standard webpage.) Since it works fine on the blog site, I'm assuming I must have done something to this particular version of the template. Trouble is, I have no idea what that might be.
One of the pages is: http://www.caryncaldwell.com/about/. However, it looks fine on the installation at http://www.caryncaldwell.com/blog.
moenkopi
Member
Posted 3 years ago #
Just wondering if anyone has any ideas on this.
That section of your css is broken. Not sure if that is the cause but none of the ending styles in the rows have a closing ";":
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}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
It is actually the ".alignright" class with the "width:40%;" that is the offending line. You will see if you remove the width, the picture renders correctly.
moenkopi
Member
Posted 3 years ago #
Thanks, Chaz! I'll do that. Should make it much easier in the future.
moenkopi
Member
Posted 3 years ago #
It worked! You're a genius!!! Thanks. :-)
You're a genius!!!
I keep telling people that but no one believes me.
