2 columns in responsive design

Hello,

How can i add 2 columns article in responsive news2 design?

Thanks.

Hi

Can You please tell me more details about the issue ? An example of the page and information about the layout You want it to have it for would be great.

I mean 2 columns in the article. Does News2 contain a css style for this?

Hi

This requires a small addition to override.css file (please make sure override is enabled in template settings):

Code: Select all

.SELECTOR_OF_YOUR_LAYER_WITH_TEXT {
-webkit-column-count:2;
-moz-column-count:2;
-ms-column-count:2;
-o-column-count:2;
column-count:2;
}


Hi,

I've added code like that,

Code: Select all

.twocolumn{
-webkit-column-count:2;
-moz-column-count:2;
-ms-column-count:2;
-o-column-count:2;
column-count:2;
}

But not working if i add it with <p style="twocolumn">

What am i doing wrong here? By the way override is enabled.

Thanks.

Hi

This requires a small addition to override.css file (please make sure override is enabled in template settings):

Code: Select all

.SELECTOR_OF_YOUR_LAYER_WITH_TEXT {
-webkit-column-count:2;
-moz-column-count:2;
-ms-column-count:2;
-o-column-count:2;
column-count:2;
}


Hi

Please try with this:

Code: Select all

<p class="twocolumn">
....
</p>


Hi,

Perfectly worked thanks

Hi

Please try with this:

Code: Select all

<p class="twocolumn">
....
</p>


Hi

No problem. Glad I could help

Hello again,

How can i make 4 and 6 columns?

Thank you

Hi

I believe same thing:

Code: Select all

<p class="fourcolumns"></p>

.fourcolumns{
-webkit-column-count:4;
-moz-column-count:4;
-ms-column-count:4;
-o-column-count:4;
column-count:4;
}


etc....