The grid-area & grid-template-areas properties

Last Updated on 2021-11-08 by webappmaster

Sitemap – Page list PLugin (misses 3 WP versions) (CSS tuned in SiteOrigin)

Pagelist_ext | include=20733(P0), 33101, 23729, 44722

Formidable Forms

Very good UI | Rich Product | Way too expensive 50-400 USD/y [formidable id="1" title="1" description="1"] [formidable id="1" title="1" description="1"] [formidable id="2" title="1" description="1"] View entries

Post Inserts BB

- Post Inserts BB |  Incl acf_excerpt · featured image

Menu 1

P0

[ pagelist_ext sort_column="post_date" sort_order="desc" include="33101, 23729, 44722" child_of="4" class="page-list-cols-2" image_width="40"]

Last Updated on 2021-11-08 by webappmaster

 |  Management, Examples, CSS

Settings and Tests with the Shortcode Ultimate Plugin

1. SU_Tabs | * The CSS Archive is inserted.

Last Updated on 2022-11-24 by webappmaster

Last Updated on 2023-01-20 by webappmaster

Last Updated on 2021-11-08 by webappmaster

Horizontal Tabs

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

Horizontal Tabs

Tab 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"

...

Les mer

Last Updated on 2021-11-10 by webappmaster

WP TABS Plugin is cludgy, incomplete and requires Pro version to populate the tab and panel fonts without custom css

Plug in management page
Edit Tabs INACTIVE
Shaped Plugins Site

Pros: Nice hover/click management
Cons: Requires Pro if you don’t want to style yourself and all content is managed in the plugin, to in the page/post editor.
The tabs section title is not generic and requires a number for each :-/

(css added to current WP Tabs specific settings):


.sp-tab__section_title_27512 {
font-size: 18px ! important;}

.sp-tab__section_title_27658 {
font-size: 18px ! important;}

.sp-tab__nav-link .sp-tab__tab_title {
font-size: 14px ! important;
font-weight: 400! important;
line-height: 1.4em ! important;}

Examples Tabs 1 & 2
[ wptabs id=”27512″]

[ wptabs id=”27658″]

The following CSS package saved here alleviates this overall, (but it’s hard to manage too many tabs solutions)
/* 20200818 ————————— — */

.sp-tab__section_title_27512 {
font-size: 18px ! important;}

.sp-tab__section_title_27658 {
font-size: 18px ! important;}

.sp-tab__nav-link .sp-tab__tab_title {
font-size: 14px ! important;
font-weight: 400! important;
line-height: 1.4em ! important;}

/* — Title Font Size >Title HTML Tag — /
.sp-tab__nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
...

Last Updated on 2023-01-28 by webappmaster

| Active and inactive (installed)

Last Updated on 2021-10-26 by webappmaster

Site Fonts

Site Fonts

Last Updated on 2023-01-24 by webappmaster

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

Last Updated on 2021-10-13 by webappmaster

/article-inserts-simple/
/posts/development/
/posts/passster-test-page/

Last Updated on 2022-02-11 by webappmaster

Modified today

Last Updated on 2021-10-14 by webappmaster

Protected content (◊This page is NOT page protected.)

Global redirect /unlock-protected-content/
Available /member-content/ after global unlock
Article-inserts-simple/ multiple links to protected posts

1. Hidden content (portion of page)
[passster password=”ior”]

[/passster]

2. Protected Area (content managed via remote dashboard)

The Protected Area
[passster password=”ior” area=”57964″]

---

---

The “Protected area” [ passster password="•••••" area="12345"] approach, however, means you need to create a content repository outside the page which is complex and has no purpose unless you need re-usable modules across several portions of the site.

Edit the Protected Area dashboard 12345

3. Protected Post or Page

View a protected post

4. Resources

 Hidden content: [ passster password="123" hide="true"]Hidden content ..[ /passster] Several protected contents: [ passster password=”123″ id=”ps-1″]video-1[ /passster] [ passster password=”123″ id=”ps-2″]video-2[ /passster] 

Last Updated on 2021-10-09 by webappmaster

Squelch Tabs Plugin notOK when Elegant Tabs plugin is activated
The unwanted scroll appears when clicking the Tabs in the Squelch Tab set below. Deactivating Elegant Tabs returns the page to normal

1/ Squelch Tabset Scroll issues appear when Elegant Tabset for Beaver Builder plugin is active

---

• ^
• Click to see Image
• Summary

• acf_excerpt

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.

Squelch Shortcode Syntax: [ tabs title="" disabled="false" collapsible="false" active="0″ event="click"] [ tab title="Tab 0"]Tab 0 content[ /tab] [ tab title="Tab 1"]Tab 1 content[ /tab] [ tab title="Tab 2"]Tab 2 content[ /tab] [ /tabs]