Sync docs with recent plugin changes; formatting and placeholder cleanup

- Document the new Panel Text Color control on Woo Custom Product Tabs
  (dotjuice-elementor-tools-pro 20260817.1)
- Document Dark Mode Toggle now persisting site-wide (pages without the
  toggle) and applying before first paint (dotjuice-elementor-tools
  c33084e)
- Add blank line before headings following image captions across pro
  widget docs, so they render correctly
- Regenerate placeholder screenshots for pro widget and pagespeed docs
- Remove stray H1 from the free plugin marketing overview (post title
  already serves as H1, matching the other marketing files)
- Bump local dev port to 3080, drop unused site/docs/.gitkeep

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01SZsdkGdZYtCS6hZaX92NQ6
This commit is contained in:
2026-08-30 19:01:26 +01:00
parent 15b935b036
commit fa1f9ce757
33 changed files with 12 additions and 7 deletions

View File

@@ -4,6 +4,7 @@ Found in the Elementor panel under **Dotjuice → Woo Custom Product Tabs**. Req
![The Woo Custom Product Tabs widget controls in the Elementor panel](../assets/img/woo-custom-product-tabs-controls.png)
*Screenshot: the widget selected in the editor with the Tabs content section open, showing the Hide Tab Headings toggle and the Custom Tabs repeater.*
## How it works
Place this widget on your Single Product template — it replaces WooCommerce's entire tabs area with a fully rebuilt, restyled version, including desktop tabs that automatically convert to an accordion on smaller screens.
@@ -67,7 +68,7 @@ Add a URL field to your products, drop that single line into a "Changelog" tab,
**Tab Navigation** — background, spacing, alignment, divider styling, and Normal/Hover/Active states for each tab button (including a separate colour control for the active tab's bottom border, useful for either blending it into the panel or removing the divider line entirely).
**Panel** — background, typography, padding, border, and shadow for the content area beneath the tabs.
**Panel** — background, text colour, typography, padding, border, and shadow for the content area beneath the tabs. The text colour also applies to the panel's own tab heading (e.g. the "Reviews" heading), unless overridden by the more specific Reviews section colours below.
**Reviews** (hidden if you've turned off the Reviews tab) — review count heading, review card styling, avatar (with an option to hide it, size, and rounding), star rating colours, author/date text, review body text, an optional decorative quote mark, and full styling for the review submission form — its star picker, labels, input fields, and submit button.