How To Create 3 Columns Image Layout Inside Tab? - Question | JoomShaper

How To Create 3 Columns Image Layout Inside Tab?

S

sky

SP Page Builder 2 years ago

How to create 3 columns image layout inside tab?

0
4 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #39147

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.

0
S
sky
Accepted Answer
2 years ago #39154

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

0
Pavel
Pavel
Accepted Answer
2 years ago #39159

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;
}

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #39167

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.

0