vargha/hoponhopofftickets
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: one breadcrumb, same place and style on every inner page

Browse Source 
- Plugin: vc_breadcrumb_trail()/vc_breadcrumb_html(); tours, region, city
  and tag pages show Home / (Region) / Page in the banner instead of the
  generic 'Tour & Travel' label; the tour page uses the same helper
- Theme: blog list shows Home / Blog; blog post title, breadcrumb and
  meta move into the banner like the other pages
- Shared style: title's colour (white in photo banners, black on About),
  softer links, current page bold and shortened if long - also on phones
- Plugin 1.9.6, theme 1.0.16

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Amir Bagheri
2026-10-29 21:32:09 +03:30
parent 023b998694
commit 466ea0ac5f
14 changed files with 148 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
astra-child-hoponhopoff/assets/pages-wp.css
View File

@@ -62,13 +62,6 @@ body.hoho-fullwidth{overflow-x:hidden;}
/* A page's own Featured Image banner is shown as-is: no brand-teal tint. */
.hoho-page.hoho-page .hero--has-thumb .hero__media::after{display:none;}
/* Blog post header: real titles are long — use the full width (the design's
28rem cap wrapped them to four lines) with the meta underneath, and a
normal gap before the article instead of the design's ~100px. */
.hoho-page.hoho-page .post__head{flex-direction:column;align-items:flex-start;gap:var(--sp-2);margin-block-end:0;}
.hoho-page.hoho-page .post__title{max-width:none;}
.hoho-page.hoho-page .post__head + .post__body{margin-block-start:calc(var(--sp-5) - clamp(3rem, 2rem + 3vw, 6.25rem));}
/* Article headings by level (imported posts use h2–h6). */
.hoho-page.hoho-page .hoho-prose h2{margin:var(--sp-4) 0 0;font-size:clamp(1.25rem,1.1rem + .6vw,1.625rem);font-weight:700;line-height:1.25;}
.hoho-page.hoho-page .hoho-prose h3{margin:var(--sp-3) 0 0;font-size:1.25rem;font-weight:700;line-height:1.3;}
@@ -82,3 +75,22 @@ body.hoho-fullwidth{overflow-x:hidden;}
/* Embedded maps/videos: full width, sensible height. */
.hoho-page.hoho-page .hoho-prose iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:var(--r-card);}
/* Breadcrumb — same rules as the plugin pages (VC_Display::astra_overrides):
first thing above the page title, in the title's colour; links softer,
current page bold and shortened if long. */
.hoho-page.hoho-page .crumbs{color:inherit;}
.hoho-page.hoho-page .crumbs__list{color:inherit;font-size:.8125rem;font-weight:500;}
.hoho-page.hoho-page .crumbs__list a{opacity:.75;}
.hoho-page.hoho-page .crumbs__list a:hover{opacity:1;}
.hoho-page.hoho-page .crumbs__list [aria-current]{max-width:min(40ch,60vw);overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap;}
/* the design paints .hero--page breadcrumbs black; follow the title instead */
.hoho-page.hoho-page .hero .crumbs,.hoho-page.hoho-page .hero .crumbs__list{color:var(--c-white);}
.hoho-page.hoho-page .hero--about .crumbs,.hoho-page.hoho-page .hero--about .crumbs__list{color:var(--c-black);}
.hoho-page.hoho-page .hero__content>.crumbs{margin-block-end:calc(var(--sp-1) * -1);}
/* Blog post: title, breadcrumb and meta sit in the banner like every page. */
.hoho-page.hoho-page .hero--post .hero__title{max-width:none;font-size:clamp(1.75rem,1.2rem + 2vw,3rem);line-height:1.15;}
.hoho-page.hoho-page .hero--post .tmeta{order:3;color:var(--c-white);}
.hoho-page.hoho-page .hero--post .tmeta__rule{background:rgba(255,255,255,.4);}
.hoho-page.hoho-page .hero--post .hero__content{gap:var(--sp-3);}