WordPress.org

Ready to get started?Download WordPress

Forums

Responsive
[resolved] Specify More Than Two Colums Grid System (10 posts)

  1. alfalipo
    Member
    Posted 2 years ago #

    Hi Emil. I'd like to ask something. I see the Responsive Theme Grid System structure. My question is, can I divide columns more than 2?

    I see in another grid 12 columns system that we can specify each freely, for example :

    Row 1 : 12 columns
    Row 2 : 6 columns, 6 columns
    Row 3 : 5 columns, 4 columns, 3 columns
    Row 4 : 3 columns,3 columns,3 columns,3 columns.

    can Responsive theme do something like that?

    Thx for your help

    http://wordpress.org/extend/themes/responsive/

  2. Emil Uzelac
    Theme Review Admin
    Posted 2 years ago #

    Hi,

    Please see: http://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 http://themeid.com/forum

    Thanks,
    Emil

  3. alfalipo
    Member
    Posted 2 years ago #

    <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

  4. Emil Uzelac
    Theme Review Admin
    Posted 2 years ago #

    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: http://www.nespal.org/smartirrigation/

    Thanks,
    Emil

  5. alfalipo
    Member
    Posted 2 years ago #

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

  6. yerb
    Member
    Posted 1 year ago #

    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>

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

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

  7. Emil Uzelac
    Theme Review Admin
    Posted 1 year ago #

  8. Jenson Betrail
    Member
    Posted 1 year ago #

    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. :(

  9. @Jenson Betrail, please start your own topic, your problem doesn't have anything to do with this one.

    http://wordpress.org/support/theme/responsive#postform

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

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

  10. Emil Uzelac
    Theme Review Admin
    Posted 1 year ago #

    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 http://car-release-date.com/?s=benz&submit=Go# and it seems to be working.

    Emil

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic