Horizontal Tabs

ID=59449% | R | -@-> | ID=59449%

Horizontal Tabs

  ≥ Edit-59449
› Overview

Samples Tabs designed using various Plugins | Go to article

Tab solutions

Responsive tabsets • Tabby [ tabby title ] [ tabbyending]  • Squelch [ tabs .. ] [ tab title= .. ][ /tab] [ /tabs] (Issues with scroll) • Beaver Builder Tabs

Non Responsive tabsets • SU_Tabs [su_tabs ] [ /su_tabs] 

-› • Insert Theme Layouts or Shortcodes containing a combination of the above solutions

TABBY

^

sc_0

Horizontal Tabs

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

acf_wys2
Edit sc_0 |   Popup Edit sc_0

sc_1

 Horizontal Tabs    |   tabs Edit post - id:59449
logo
img
img1
img2
img3
  The images are defined in the page's ACF custom fields | Sourced from: "tabs" | ID: "59449"

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Edit sc_1

sc_2

 Horizontal Tabs    |   tabs Edit post - id:59449

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

acf_wys4
Edit sc_2

sc_3

 Horizontal Tabs    |   tabs Edit post - id:59449

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

acf_wys4
Edit sc_3 |   Popup sc_3
  Left pw_box_sc_3 @36% icluding Post logo and images

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

Edit sc_3

sc_4

Tab solutions

Responsive tabsets • Tabby [ tabby title ] [ tabbyending]  • Squelch [ tabs .. ] [ tab title= .. ][ /tab] [ /tabs] (Issues with scroll) • Beaver Builder Tabs
Non Responsive tabsets • SU_Tabs [su_tabs ] [ /su_tabs] 
-› • Insert Theme Layouts or Shortcodes containing a combination of the above solutions
acf_txt2
Edit sc_4 |   Popup sc_4
  Left pw_box_sc_1 @36% icluding Post logo and images

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

CF2-LGC

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

acf_wys2
Caption▷1: ØfL1.25% | Øsub0
acf_wys1

▷5

acf_wys5
Edit CF2-LGC |   Popup CF2-LGC id=52960

CF3-LGC

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

acf_wys2

Caption w3 ▷3 ØfL1 | Øsub3
acf_wys3
Edit CF3-LGC |   Popup CF3-LGC id=52961

CF5-LGC

 

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

acf_wys2
Caption w3 ▷3 ØfL1 | Øsub3
acf_wys3
Edit CF5-LGC |   Popup CF5-LGC id=52963

fL1-Colnb

Caption w3 ▷3 ØfL1 | Øsub3

Horizontal Tabs

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

...
Edit fL1-Colnb id=25 |   Popup fL1-Colnb id=52969

Cardframework3

Horizontal Tabs

Caption w3 ▷3 ØfL1 | Øsub3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

▷5

SQUELCH TABS | (Persistant scroll issue after ET VTab install and support debug)

Horizontal Tabs

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

acf_wys2
Edit sc_0 |   Popup Edit sc_0
 Horizontal Tabs    |   tabs Edit post - id:59449
logo
img
img1
img2
img3
  The images are defined in the page's ACF custom fields | Sourced from: "tabs" | ID: "59449"

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Edit sc_1
 Horizontal Tabs    |   tabs Edit post - id:59449

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

acf_wys4
Edit sc_2
 Horizontal Tabs    |   tabs Edit post - id:59449

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

acf_wys4
Edit sc_3 |   Popup sc_3
  Left pw_box_sc_3 @36% icluding Post logo and images

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

Edit sc_3

Tab solutions

Responsive tabsets • Tabby [ tabby title ] [ tabbyending]  • Squelch [ tabs .. ] [ tab title= .. ][ /tab] [ /tabs] (Issues with scroll) • Beaver Builder Tabs
Non Responsive tabsets • SU_Tabs [su_tabs ] [ /su_tabs] 
-› • Insert Theme Layouts or Shortcodes containing a combination of the above solutions
acf_txt2
Edit sc_4 |   Popup sc_4
  Left pw_box_sc_1 @36% icluding Post logo and images

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

acf_wys2
Caption▷1: ØfL1.25% | Øsub0
acf_wys1

▷5

acf_wys5
Edit CF2-LGC |   Popup CF2-LGC id=52960

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

acf_wys2

Caption w3 ▷3 ØfL1 | Øsub3
acf_wys3
Edit CF3-LGC |   Popup CF3-LGC id=52961
 

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

acf_wys2
Caption w3 ▷3 ØfL1 | Øsub3
acf_wys3
Edit CF5-LGC |   Popup CF5-LGC id=52963

Caption w3 ▷3 ØfL1 | Øsub3

Horizontal Tabs

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

...
Edit fL1-Colnb id=25 |   Popup fL1-Colnb id=52969

Horizontal Tabs

Caption w3 ▷3 ØfL1 | Øsub3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

▷5

Cardframework3
Caption▷1: ØfL1.25% | Øsub0
acf_wys1

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

acf_wys2

ACF_Wys0b

SU TABS | Tab shortcodes in a Beaver Themer Layout, inserted below (SU_tabs are Non Responsive)

^SC_1SC_2SC_3SC fl1-colnbWys2Wys4Txt2Wys0aWys0bACF_Cardlet1ACF_Cardlet2Edit l_su_top_bar
 Horizontal Tabs    |   tabs Edit post - id:59449
logo
img
img1
img2
img3
  The images are defined in the page's ACF custom fields | Sourced from: "tabs" | ID: "59449"

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Edit sc_1
 Horizontal Tabs    |   tabs Edit post - id:59449

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

acf_wys4
Edit sc_2
 Horizontal Tabs    |   tabs Edit post - id:59449

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

acf_wys4
Edit sc_3 |   Popup sc_3
  Left pw_box_sc_3 @36% icluding Post logo and images

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

Edit sc_3

Caption w3 ▷3 ØfL1 | Øsub3

Horizontal Tabs

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

...
Edit fL1-Colnb id=25 |   Popup fL1-Colnb id=52969

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

acf_wys2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ▷4

Tab solutions

Responsive tabsets • Tabby [ tabby title ] [ tabbyending]  • Squelch [ tabs .. ] [ tab title= .. ][ /tab] [ /tabs] (Issues with scroll) • Beaver Builder Tabs

Non Responsive tabsets • SU_Tabs [su_tabs ] [ /su_tabs] 

-› • Insert Theme Layouts or Shortcodes containing a combination of the above solutions
pwsutabpane_white

ACF_Wys0a

pwsutabpane_white
ACF_Wys0a

ACF_Wys0b

pwsutabpane_white

Caption▷1: ØfL1.25% | Øsub0

▷2 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

59449 Edit xyz-snippet cardlet1
pwsutabpane_white
< div class="pw3"> < div class="ØfL1" style="width:100%; margin: 0 10px 0 0;"> [ wpbb post:acf type='wysiwyg' name='acf_img']< /div> [ wpbb post:acf type='link' name='acf_txt1']: ∫ · 59449 · ∫ < div>pw5
Edit: fl-theme-layout/l_su_top_bar

Edit L_SU_TopBar 26390