How to create 3 columns image layout inside tab? - Forum | JoomShaper
Staff replied SP Page Builder

How to create 3 columns image layout inside tab?

Asked by sky 5 years ago Last activity 5 years ago

How to create 3 columns image layout inside tab?

4 replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
5 years ago · edited

Hi,
yes, possible.

Quick tip: Inside text area (in tab conetent) in HTML mode use Bootstrap styles with basic html to create 3 columns layout.

Before you begin: Check what bootstrap version is used by your template, version 4 or 5, and just copy ready html code from Bootstrap documenation (topic: Grid system).
As I remember you're not beginner so you should handle it.

sky Asked this
5 years ago

can you create a video for adding 3 columns inside tab addon? then put image layou addon into each column

Pavel
5 years ago · edited

Hi. Add any 3 addons and your custom class

Use following code. It is for first tab only. Change ID #sppb-tab1-(X) if you need it in other tab.

.my-tabs #sppb-tab1-1 {
    display: flex;
    gap: 20px;
}

Paul Frankowski Senior Staff
5 years ago · edited

Thanks Pavel. Now webmaster Sky has two ways to complete his task.

We don't teach HTML here, but even TinyMCE / JCE editor has a option to add image into text.

Log in to reply.