Updating theme and images problem

Hello,

1. Unfortunately if you edited the theme code, there is no update proof way of changing the theme code. If your customization is added in the theme panel( settings or custom css in the custom code box), these will not be lost, but if you edit the code, it will need to be re-made.

2. This depends on the image size. If the screen has enough space to show the picture and text in it’s left side, it will how up like so: http://screencast.com/t/dfZ1aAa2t
If your image is bigger, it will only show on the right in landscape views where there is enough space to show both side by side,

Thank you!

Hello,

1. On any update, just the code modifications will be replaced as files get replaced when updating. the theme panel and custom css added through the theme panel will not get modified.
2. Please provide a link to your site so I can inspect this issue. The image from this example was much bigger than 50×50: http://www.screencast.com/t/dfZ1aAa2t

Thank you!

OK,

You did not mention this but when using a smart list, the alignment does not work anymore no matter the image size. You should have mentioned you use a smart list from the start. A smart list in totally different from a normal post. A smart list will ignore the wp settings. A smart list will even ignore the wordpress thumbnails and provide the image as big as the container ignoring the thumb size you add from the media library of WP.
Smart lists have a predefined style and it cannot be altered from the wp mce editor. You will also notice that images will not even keep their position. If you add an image to the bottom of a list item for example, some smart lists will move the image to the top considering it as a sort of “featured image” for the list item.
This is the way the smart lists were created. They are not usual posts.
If you still want to alter the style and align the images right you should wrap your images inside a div container like for example :

<div class="smartlist_image"> place your image code here </div>

Then you can add this code in the them panel->custom css code:

.smartlist_image{
float:right;
}

The you simply need to wrap all your images from the smartlist content inside the div element and your images will align to the right.

Thank you!

Yes, the theme ads a sort of “protection for screens smaller than 500 pixels to remove all floats . If this is what you are referring to and want to have images float right even below 500 px, you can use this css in the theme panel->custom css box” :

@media (max-width: 500px){
.alignright {
float: right!important;
}}

But this is the reason this decision was made as when a smaller screen is used, the text will look like this:
http://screencast.com/t/7fpNmn3q

In order to prevent text being stretched that way vertically we removed floats for every device under 500px.

Thank you!

Ok, Done!