Posted Photos on blog have no margin-left

[musantro]

Somewhere inside the code:

.post-content .full-img {
    width: calc(100% + 60px)
}

I think it's in bloggy.css but I'm not 100 % sure.

I think erasing those 60px will fix this issue.

[Kikobeats]

I don't understand, provide a screenshot pls

[musantro]

As you can see, there is no margin-left on the main photo. These are the CSS attributes for this photo

.post-content .full-img {
    width: calc(100% + 60px);
    margin-left: -60px;
}

Here is how it should be:

.post-content .full-img {
    width: calc(100%);
}

This issue only appears in large width windows, not in mobile, for example.

[Kikobeats]

Is not a bug, is a intentional effect from the original theme. See whatever Ghost blog entry

On Saturday, 23 January 2016, Antonio Rodríguez notifications@github.com wrote:

[image: image] https://cloud.githubusercontent.com/assets/13135993/12529932/69ce37ca-c1cc-11e5-96b4-0a2a05a836a4.png

As you can see, there is no margin-left on the main photo. These are the CSS attributes for this photo

.post-content .full-img { width: calc(100% + 60px); margin-left: -60px; }

Here is how it should be:

[image: image] https://cloud.githubusercontent.com/assets/13135993/12529935/7f1b56d0-c1cc-11e5-9692-f7d87467cb53.png

.post-content .full-img { width: calc(100%); }

This issue only appears in large width windows, not in mobile, for example.

— Reply to this email directly or view it on GitHub https://github.com/Kikobeats/bloggy/issues/4#issuecomment-174176053.

[musantro]

Oops.

Then, as a suggestion, do you think it's better to have a margin-left instead of none?

[Kikobeats]

The point of bloggy is provide a basecode for have a Ghost theme based in the ghost blog theme. Later you can adapt it as you like. So in this case should be easy avoid the margin left effect just providing a custom css/js in the blog header injection.

[musantro]

Thanks!