Creating column layout in Custom Section

  • Resolved johnnypot

    (@johnnypot)


    9 years, 3 months ago

    Hi,
    I am using OnePress Plus and I am trying to understand how to customize a custom section.
    As I understand from reading some threads here, it is not possible to duplicate a section, but it is possible to create a column layout in a custom section using something called bootstrap grid.
    I researched a little and found examples for bootstrap code that needed to be copied and would create a column layout.
    For example:
    <div class=”row”>
    <div class=”col-md-4″>.col-md-4</div>
    <div class=”col-md-8″>.col-md-8</div>
    </div>

    My question now is, where exactly do I have to copy the code?

    Greetings Johnny

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter johnnypot

    (@johnnypot)

    9 years, 3 months ago

    Also I need to add, that I don’t have experience or a deeper understanding of programming or similar things. So basically I need help with the complete process of using this Bootstrap Grid in the OnePress Plus theme.
    Greetings Johnny

    congthien

    (@congthien)

    9 years, 3 months ago

    Hi @johnnypot,

    Here you go : http://getbootstrap.com/css/#grid

    Hope that helps!

    Thread Starter johnnypot

    (@johnnypot)

    9 years, 3 months ago

    Thank you for your answer.
    The link definitely helps, because it has way more examples on what to can be done.

    But I still do not unterstand where I actually have to put in the code so it will be applied to my custom section?
    I created a custom section, and I want it to have the layout for which I need this code:
    <div class=”row”>
    <div class=”col-md-4″>.col-md-4</div>
    <div class=”col-md-4″>.col-md-4</div>
    <div class=”col-md-4″>.col-md-4</div>
    </div>
    Does it go in the “Additional CSS” part? I tried different locations, where I copied the code but my custom section, didn’t change a bit.

    I’d be very greatful for more help.

    Kind regards,
    Johnny

    congthien

    (@congthien)

    9 years, 3 months ago

    Hey @johnnypot,

    You can open custom section content, choose Text mode then paste your code :
    http://prntscr.com/ei69qv

    Hope it helps!

    Thread Starter johnnypot

    (@johnnypot)

    9 years, 3 months ago

    Great thank you. This is exactly what I needed to know!

    congthien

    (@congthien)

    9 years, 3 months ago

    You’re welcome @johnnypot,

    Please mark topic is resolved.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Creating column layout in Custom Section’ is closed to new replies.