[Theme: Responsive] Specify More Than Two Colums Grid System

Hi,

Please see: https://themeid.com/responsive-grid/ that would be default grid.

<div class="grid col-300"></div>
<div class="grid col-300"></div>
<div class="grid col-300 fit"></div>

That will make 3 inlined columns, less than col-300 can be four and so on ??

If you have more questions please don’t hesitate to visit https://themeid.com/forum

Thanks,
Emil

<div class="grid col-300"></div>
<div class="grid col-300"></div>
<div class="grid col-300 fit"></div>

If I do that, where’s the remaining 40px? would it be gone?

so we can’t do like this :

<div class="grid col-300"></div>
<div class="grid col-300"></div>
<div class="grid col-300 fit"></div>
<div class="grid col-40 fit"></div>

am I right?

What’s the difference between using “fit” or not?

Once again thank you for your reply

300 x 3 = 900 + 20px gutter = 940

that’s the total size of the grid.

This works:

<div class="grid col-300"></div>
<div class="grid col-300"></div>
<div class="grid col-300 fit"></div>

while adding col-40 on the end will not

fit is the last item in the row, that’s what keeps the grid inline, as described in the style.css

4 col-220 will for for 4 columns.

<div class="grid col-220"></div>
<div class="grid col-220"></div>
<div class="grid col-220"></div>
<div class="grid col-220 fit"></div>

like: https://www.nespal.org/smartirrigation/

Thanks,
Emil

Clear. I’ve got the point. Then it would be nice usability. Thanks Sir.

I used the same lines for 3 columns but it doesn’t work…

I put this in the page content including plug-in shortcode:

<div class="grid col-300">[shortcode]</div>
<div class="grid col-300">[shortcode]</div>
<div class="grid col-300 fit">[shortcode]</div>

https://wp.itt.si/nuweb/?page_id=10

I still shows everything in one column, did I do something wrong?

Please see: https://themeid.com/responsive-grid/

Emil

i don’t know what’s going on. but, when i’m using this theme to my car site, the search term plugin doesn;t work. ??

@jenson Betrail, please start your own topic, your problem doesn’t have anything to do with this one.

https://www.ads-software.com/support/theme/responsive#postform

Additionally Emil has thoughtfully provided a dedicated forum for his theme. You may want to post there instead.

https://themeid.com/forum/forum/10/responsive-theme/

Thank you very much Jan ??

Jenson feel free to post any questions you might have on the links Jan included and also just checked the form https://car-release-date.com/?s=benz&submit=Go# and it seems to be working.

Emil