Rows & Columns Inside Content Page (No Table)

Hi there. I'm new to CS Cart. We're moving from opencart to CS cart and I have a question about how the grid/blocks, etc of bootstrap work within the content of the page. I know we can change the layout with the bootstrap grid layout thing that cscart offers, but what about within the content description of a content page?

In our old site we'd go into source code for the page editor and write something like:



Masonry Fireplaces


Zero Clearance Fireplaces



But that doesn't seem to work for Cs Cart. I know we can use tables, but I really do not want to use tables on the site as they should really be phased out. I know I can "float" an image, but I really like the structured look of the columns.

Any help would be appreciated.

Here are some examples of how we had it set up with opencart.

faqshow.JPG

faq2show.JPG

Try the following code:


```php





```

or

```php





```

Thank you for your quick reply. Unfortunately, neither one of those seems to be working. :(

What theme and CS-Cart version do you use?

I'm using 4.3.1 and Responsive Theme: Modern

We have just tested it and it works on the demo website. Do not forget to switch the WYSIWYG editor to the “source” mode.

Try the following code:

or

When using the above and create 5 table rows 3 columns there's a space between each rows. How can you eliminate the space between rows?

Hi there. I'm new to CS Cart. We're moving from opencart to CS cart and I have a question about how the grid/blocks, etc of bootstrap work within the content of the page. I know we can change the layout with the bootstrap grid layout thing that cscart offers, but what about within the content description of a content page?

Change your WYSIWYG editor. Redactor and Redactor II are screwing up the tables and the alignments, or have not enough instruments to define all parameters of a table/row/cell. From Settings > Appearance, change the editor to Tinymce. It's a little bit ugly but works well.

You should also allow it in the config.local.php

Change your WYSIWYG editor. Redactor and Redactor II are screwing up the tables and the alignments, or have not enough instruments to define all parameters of a table/row/cell. From Settings > Appearance, change the editor to Tinymce. It's a little bit ugly but works well.

You should also allow it in the config.local.php

Tinymce is currently my WYSIWYG editor and still getting space in between rows of the table.

Please add the following code to the CSS section of the Theme editor

.ty-wysiwyg-content .grid-list .ty-column3 {
     margin-bottom: 0px;
}

Please add the following code to the CSS section of the Theme edito

.ty-wysiwyg-content .grid-list .ty-column3 {
     margin-bottom: 0px;
}

thanks eComLabs i will try it..

Category

Sub-Category

Commission

All
All
5%

The above is the code in the page but still having a space in between rows even after adding the below codes you provided in the CSS Section. Is there any missing part?

Here is the link of the screenshot https://snag.gy/KUd5zr.jpg

Please add the following code to the CSS section of the Theme editor

.ty-wysiwyg-content .grid-list .ty-column3 {
     margin-bottom: 0px;
}

You still have 25 px padding between the rows.

The above is the code in the page but still having a space in between rows even after adding the below codes you provided in the CSS Section. Is there any missing part?

Here is the link of the screenshot https://snag.gy/KUd5zr.jpg

Please try

.ty-wysiwyg-content .ty-list-container .ty-column3 {
     margin-bottom: 0px;
}

Please try

.ty-wysiwyg-content .ty-list-container .ty-column3 {
     margin-bottom: 0px;
}

Thank you... you are brilliant.. it work..

But is there any way i can make it responsive so if it will be viewed in small screen or mobile device it will not break?

Try

@media (max-width: 767px) {     
    .ty-wysiwyg-content .ty-list-container .ty-column3 {
         margin-bottom: 0px;
    }
}