Solved Templates

New Position structure

Asked by Dinuka 3 years ago Last activity 3 years ago

I need to create position as below on helix ultimate framework. (Template - shaper_wayne_corp)
https://prnt.sc/qDnGV3nktnHr

Accepted answer

Marked as the solution
Pavel
3 years ago · edited

Hi.

Using only template settings witout extra codding, it's not possible.

But you can easily do this using only CSS (witout overriding php files).

Using the standard Helix settings, divide the section into three columns, add the necessary positions and use the CSS Grid Technology to create any layout of these three columns

write code...

#sp-grid-layout-section .row {
    display: grid;
    grid-template-columns: 200px 1fr;
}
#sp-grid-layout-section .col-lg-4 {
    width: 100%;
}
#sp-position1 {
    grid-row: 1/3;
}

...and Boom! :)

2 more replies

Dinuka Asked this

Thank you so much

Rashida Rahman Staff

Thanks Pavel for answering so nicely:)

Log in to reply.