BuddyBoss Home – Web Support Forums Themes Boss. theme RESPONSIVE GRID SYSTEM to format content html

Viewing 15 posts - 1 through 15 (of 16 total)
  • Question

    #36485
    @amsbundem

    Hello there,

    I recently bought Boss. Theme and am pretty happy, but I have a question:

    Has this theme a responsive grid system to use for formatting in HTML the content of pages?

    Honestly, I have not yet understood well how Boss. works and if it's based on Bootstrap or not, but I have tried using Bootstrap Grid System and it does not work, for example:

    <div class="row">
      <div class="col-md-8">Responsive content left</div>
      <div class="col-md-4">Responsive content right</div>
    </div>

    If responsive grid system is not there, can anyone recommend a different method for managing responsive content within CMS pages?

    Thank you in advance for your kind reply!

    Luigi

    Answers

    #36493
    @style960

    @amsbundem It's recommended to use the Page Builder plugin (used in the theme demo) – https://wordpress.org/plugins/siteorigin-panels/

    It's fully responsive and allows for adding custom css per row/panel if required.

    #36545

    Deepak BuddyBoss
    Participant
    @deepak

    @amsbundem Welcome to the BuddyBoss community! No bootstrap but as Paul suggested above we recommend Site Origin Panels, see our tutorials here: http://www.buddyboss.com/tutorials/

    #36741
    @amsbundem

    Thanks guys for the support!

    I followed your suggestion and Page Buider is an interesting plugin, but unfortunately solves my problems only partially because third-party plugins and widgets templates can not be handled in this way. I have an event calendar manager and one for downloads and some widgets to make responsive on frontend, so it would be useful to be able to work with a grid system directly on the templates code. If there will be news, I will update this topic.

    #36792

    Deepak BuddyBoss
    Participant
    @deepak

    Sorry to hear that. I will leave this open.

    #44443
    @kference

    Is there an explanation somewhere of what Grid system you used, if any? Likewise, is there any plan to move to something more standard like a Bootstrap grid? I ask because using a Page Builder plugin is fine for people who are just laying out content but does not work when you're building custom templates and need to write custom code in these templates.

    We bought the Boss theme to help jumpstart a project for us and it's been great in that regard. However, now that we want to do some custom development we're faced with either retrofitting a grid in (yuck) or starting from scratch which I definitely do not want to do.

    Any thoughts on a proper way to proceed? Thank you.

    #44513

    Deepak BuddyBoss
    Participant
    @deepak

    @kference in order to use bootstrap you will need to prepend (AKA namspace) code to wrap it in it's own div and make sure all CSS is coded with that prefix. Using bootstrap outright is very intrusive to WordPress/BuddyPress design because bootstrap edit base elements without prefixes like table, ul, li, span etc. See this stackoverflow example to use bootstrap in any application: http://stackoverflow.com/questions/13966259/how-to-namespace-twitter-bootstrap-so-styles-dont-conflict

    #44821
    @kference

    Thank you. I guess I've been spoiled by the use of _strap that it's become second nature…or a crutch, I guess it depends on your perspective. =)

    Thanks again!

    #44958

    Deepak BuddyBoss
    Participant
    @deepak

    Glad to help and give some perspective, namespacing is a little annoying but necessary when not built around the platform 🙂

    #49902
    @kurtsubco

    It looks like buddyboss doesn't come with a grid of it's own. Has anyone written one that they would be willing to share?

    #49914
    @vapvarun
    #50024
    @kurtsubco

    Thanks for the tips, I'm writing a custom blog layout that has a different style for the first post. I ended up just writing the breakpoints I needed.

    #50134
    @vapvarun

    Hi @kurtsubco
    you will need to modify template files inside the child theme and create your own template files
    just for guide http://code.tutsplus.com/tutorials/display-the-most-recent-post-in-each-category–cms-22677
    Regards
    Varun Dubey

    #53190
    @yespapa

    Hi @vapvarun,

    So, at this time no grid or responsive integrated system to use with Boss theme ? Like the others, I am tuning the Events Manager plugin and I would want to create new templates. I would want to use the Boss responsive system.

    Thank you.

    #53192
    @kference

    We ultimately decided to create our theme from scratch using _strap (it's underscores meets bootstrap) and pulling inspiration from the things we really liked in the Boss theme while not having to be hindered by the lack of a responsive grid framework. We build a LOT of custom templates and capabilities which means using a visual editor was just not an option for us.

    We liked the Boss theme but we're much happier now that we have a purpose built, lean theme that does only what we need.

Viewing 15 posts - 1 through 15 (of 16 total)
  • The question ‘RESPONSIVE GRID SYSTEM to format content html’ is closed to new replies.