London Theme: How to align an image to the side

Themes
1

I’m using the London theme on my blog.

Question:
Is there a way to align an image to the left? There doesn’t seem to be. I can understand the logic since it was designed as a photography or portfolio style theme, but I need to be able to align an image to the left — at least in my About page.

2

Hey there! Best way to do this is with the custom HTML card, something like:

<!-- align left -->
<img style="width: auto; float: left" src="/path/to/my/image.jpg"/>

<!-- or right -->
<img style="width: auto; float: right" src="/path/to/my/image.jpg"/>
3

Hmmmm. Couldn’t get it to look how I want.

Sorry, I’m used to super simple and easy to use services like Strikingly where I can just go in and get stuff done. It “just works.”

I guess I’ll have to put this one on ice until I have budget to hire a developer to figure it out for me.

I just want to have an About page that shows my profile picture off to the left with text wrapped around it.

4

If you’re looking for a website builder then yes you’re probably better off using Strikingly

5

Strikingly’s blogging functionality doesn’t work so well. It’s a clumsy bolt-on that they reluctantly added because their users pestered them for it. Their strong point is simple, one-page sites.

I want a blog and after wrestling with WP (too complex) and Write.as (too simple), I’ve settled on Ghost. I just want to be able to do simple things like left-align and adjust the size of an image on my About page without needing expertise in HTML and CSS. Would be great if your team could issue an update to London that makes this quick, easy, and coding-free.

I’ve paid for a year up-front — twice. This is my second attempt at using Ghost. Would be most grateful if you could take this seriously. I don’t believe it’s an unreasonable request.

6

Hey @DLKR. I assure you we take building Ghost very seriously. Every feature and addition made in Ghost is done with consideration and the community in mind on GitHub GitHub - TryGhost/Ghost: Turn your audience into a business. Publishing, memberships, subscriptions and newsletters.. Strikingly and WordPress have suffered the consequences of adding every single feature that people have requested, causing them to be bloated and overly complex.

I can understand why you want to align size the image, but we can justify changing Ghost just for a single case for a single user. Especially when it can be achieved with a little custom HTML.

I just went onto one of my demo sites, installed London, and created a left aligned image with the following code:

<figure class="kg-card kg-image-card" style="
    float: left;
    width: 50%;
    margin: 2rem;
">
    <img src="insertImageUrlHere.jpg" class="kg-image">
</figure>

Dropping that into a HTML card with the URL to the image you want should achieve the image presentation you want

7

Thanks, I managed to achieve the look I wanted this time.

Themes such as Massively allow left or right-aligned images with text wrapping. I’d like to see this standard across all themes with the added ability for users to click to “grab” the corner of an image and resize it to fit. Sometimes, an image will look more appropriate if it is smaller rather than occupying a full column.

Ghost is struggling to attract the user numbers it deserves because it is expensive, the support comes with attitude, and users are expected to master coding for what should be simple tasks.

8

Great to hear you got it working. We do have an Ideas category on the forum and someone has requested a similar feature to what you’re describing, it would be great if you added your thoughts to it there

I’m not sure what you mean by struggling? You can see our install and active user counts on our about page About Ghost - The Open Source Publishing Platform. I’m not sure what you mean by “the support comes with attitude” either. If you’re referring to this discussion then you might be getting the forum mixed up with our support system, you can contact support at support@ghost.org.

I wouldn’t say we’re expecting users to master coding. However an awareness of how the web works is a great thing to have when publishing online. To reiterate my comments before, we’re happy to discuss feature additions to Ghost but we need to be considerate to everyone who uses Ghost and not load it with features that won’t be used that often. That’s how people end up with bloated and overly complex products that are hard to use.