无法在自定义css网格中定位元素

Question

我有一个使用Theme Forest的Ultimo主题的Magento商店，我正在尝试自定义主页，使其与我给出的设计相匹配。

Ultimo使用自定义网格系统，即grid12-1，grid12-2，grid12-3等等。 我尝试定位3个块，其中第一列有2行，第二列只有1。

示例可以在http://www.lifestylemedicine.co.uk/

找到

我无法让这些块正确排列，并希望得到一些帮助。目前前两个区块位置正确但第二列已下降。

我认为无论如何，这可能是错误的地方或愚蠢的事情。

由于

更新 这是我的代码

<div class="welcome-box">

<div class="grid12-8 mobile-grid welcome-intro">
<div class="intro-caption">“I’m delighted to welcome you to the new Nina      Torina® clinical website and online store; this is the evolution of what many of you have known as FixbyOsteo® and incorporates my individual and corporate coaching practice, as well as the Aesthetic Skin Health clinics.”
<br /><br />
<span class="signature">Nina Victoria Gallagher</span><br />FOUNDER</div>
</div></div>
<div class="grid12-8 mobile-grid">
<div class="home-social">
<div class="heading">keep in touch and join in with us</div><br />
icons here
</div>
</div>
<div class="grid12-4 mobile-grid treatments">
<div class="intro-caption-treatments">
<div class="heading">New<br />Treatments</div>
<span class="signature">from the</span><br />CLINIC</div>
</div>
</div>

Answer 1

您需要对欢迎图片进行一些更改。到12格 这里

Answer 2

以下是您需要做的事情。

你基本上只需要在这里移动一些东西并将相应的网格类添加到父级。当然，通过查看上面的图像，你会得到这个想法。

以下是浏览器中的内容。

Answer 3

此屏幕截图可能对您有所帮助：

Answer 4

这会对你有所帮助。让我知道任何帮助