Hello! I’m translating an article and ready to publish it on Ghost. However, I found that the Tableau visualization embedded in that article has a different width from the text. If I embed the code, the visualization block will be compressed and cannot have a full display. Please note that I want to keep the current text width but to extend the width for the visualization.
The original article:
It looks like this on Ghost:
There are a couple of different ways this is possible. Which theme are you using?
I’m currently using Bulletin.
Great. That makes things a bit easier.
In your HTML card, wrap the Tableau embed like this:
<div class="kg-width-wide">
<!-- Put your Tableau code here -->
</div>
This will make the embed a bit wider than the content. (It’s using the same class the theme uses for wide images.) Depending on the embed code, you may need some further adjustments — just let us know how it works.
That works like magic. Thanks so much!
A following question: can photos be full-width too?
