Preview at Editor and after Publishing are not same

Themes
6

The Ghost editor does what it’s going to do. It isn’t intended to be a 100% WYSIWYG (what you see is what you get) representation of how the post will look, because each theme does things differently.

If you’re not getting what you want on the website (NOT in the editor), you’re going to need to adjust the theme or use some code injections. Solo uses a grid layout. I’d try this:

@media (max-width: 991px)
.gh-canvas>* {
    grid-column: 2/span 10 !important;
}
.gh-canvas>* {
    grid-column: 3/span 8 !important;
}

That tells the content section to use more of the grid squares than it currently does. So grid-column: 3/span 8 means start at column three and use eight columns (there are 12 total). And !important means to ignore the existing CSS rule and that this one ‘wins’.

2 Likes