3 Column Layout

editing
#1

Hi there,
I am trying to do a 3-column layout on HTML & edit it with site cake.

This is the code snippet for column 1 (below), the text is editable but the image isn’t, neither can I drag and drop image to column. Why?

      <div class="sc-content">
      <img src="images/.jpg" width="306">
      <h3 class="product-title _2">1 Bed Flat</h3>
      <p class="paragraph accommodation">Paragraph to edit</p>
      </div>
....
....

Thanks in advance.

#2

Sorry some code got omitted, Please see below:
Column1–

1 Bed Flat

#3

You can view the webpage here,

#4

I can’t find the sc-content class in the page on the link you shared.

#5

Sorry, just realised that the link is wrong
http://www.apricotprint.co.uk/flaconsulting/accommodation-available.html

When I open the page in sitecake editor, I am able to edit the text (1 bed flat etc…) But Can not add any picture. Or additional block of text *(See 3 column layout)

Hope that makes sense.

#6

To see the editor version,

Login:
http://www.apricotprint.co.uk/flaconsulting/sitecake.php
Pass: admin

Navigate to
http://www.apricotprint.co.uk/flaconsulting/sitecake.php?page=flaconsulting/accommodation-available.html

Try adding Pic to Column1 using sitecake toolbar, you will see the problem

Thank you

#7

Hm, this is CSS problem. If I delete webflow.css from the header everything works. In other words webflow automatically generate some CSS that is disabling Sitecake drag and drop capability. I don’t know which rule exactly since it’s quite long CSS file. You can test it bit by bit and see how it works. We can do it for you, but it requires engaging a front developer from our network, so ping me on PM if you need a quote.

#8

Hi Nik
Thanks for your reply.

I had to work around it.

I deleted the first div, and placed it below the 3 column div, Now it works fine. Don’t know why tho’

LINK