Problems with Columns

Permalink
I am using concrete 8.5.1 and have started to use Webii's Image Popup add-on which in itself works fine. I have created two custom styles mfp-floatleft and mfp-floatright with content
{
float: left;
padding-right: 10px;
padding-bottom: 10px;
}

and
{
float: right;
padding-left: 10px;
padding-bottom: 10px;
}

to use with the the block. These work perfectly when I use Pages with Sidebars or Layouts with more than 1 column, The text and thumbnails floating exactly as I would expect.
However if I use a single page the image floats OK but Text Blocks do not.
I had a look at the html generated and found that for more than one column the text block html for paragraphs etc. appears within the div with class col-sm-8, col-sm-4 etc. without any other div wrappers and thus are inline.
In the Full Page the text is wrapped within several divs forcing them to be blocks and thus start on a new line. I tried a layout with a single column but the result was the same.

I have attached two files which give an edited version of the html generated (I've removed the scripts).
Am I doing something wrong? Is there a way around this?

2 Attachments

 
JohntheFish replied on at Permalink Reply
JohntheFish
If your theme is bootstrap based, such as an elemental derivative, you could be missing the outer container. But if you are using a bootstrap based theme, you could also be using theme column classes rather than your current styles.
DL0rnie replied on at Permalink Reply
Thanks, I was focused on the CSS files. My Theme did start of as Elemental so it is bootstrap based. I've amended the PHP generating the Full page template to give it two areas one giving me the inline that I want for the mixture of text and popup images and a second which keeps the block aspect. All of which, so far, seems to be doing what I want. So , 'onward and upwards', to the next snag.

Thanks for your help

Dave