Horizontal Tabs


ID=59449% | R-@-> | ID=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_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

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
Caption1: Ø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 w33 Ø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 w33 ØfL1 | Øsub3
acf_wys3
Edit CF5-LGC |   Popup CF5-LGC id=52963

fL1-Colnb

Caption w33 Ø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 w33 Ø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_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

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
Caption1: Ø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 w33 Ø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 w33 ØfL1 | Øsub3
acf_wys3
Edit CF5-LGC |   Popup CF5-LGC id=52963

Caption w33 Ø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 w33 Ø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
Caption1: Ø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_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

Edit sc_3

Caption w33 Ø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

Caption1: Ø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 L_SU_TopBar 26390