, so the arrow is purely decorative and misleading -
it promises a submenu that never opens.
The caret is a border-triangle on ::after, and it inherits currentColor,
which is why it turned orange when the rule above recoloured the link.
Matched on href so it only ever affects this item. If you add more childless
custom links later, the broader fix is:
.navbar .navbar-nav > li.submenu_custom_link > a.nav-link::after
but that would wrongly hide the caret on any custom link that DOES get
children, so it is left narrow on purpose.
The theme rule lives in style1/style2.css on the CDN, which is cross-origin
and unreadable, so !important is used rather than guessing its specificity. */
.navbar .navbar-nav > li.nav-item > a.nav-link[href*="create-labels"]::after {
content: none !important;
display: none !important;
}
/* ==========================================================================
8. CMS SLOT TWEAKS
========================================================================== */
/* Homepage intro slot - breathing room under the banner.
The stock markup carried its own padding on a .header-section1.pt-5 wrapper.
Replacing the slot content removes that wrapper, so .header-content > .container
has no vertical padding at all and the copy ends up hard against the 700px
banner image. This puts it back on the container itself, which survives any
future edit to the slot's inner markup.
Scoped under .header-content so it cannot touch other .container elements. */
.header-content > .container { padding-top: 40px; padding-bottom: 36px; }
@media (min-width: 768px) {
.header-content > .container { padding-top: 64px; padding-bottom: 56px; }
}
/* Make "Request a Quote" read as the fallback, not the main path.
It keeps the theme yellow; the calculator CTAs are orange. */
.middle-footer-content section.label_solution .btn { font-weight: 600; }
/* ==========================================================================
9. CMS PAGE TITLE + COMPACT HERO (used by /create-labels.html)
--------------------------------------------------------------------------
OnPrintShop renders the page title as an inside .page-header, ABOVE the
editable content, and there is no setting to turn it off. Hiding it in CSS
would be hiding the page's only h1 from users while leaving it for crawlers,
which is exactly the pattern search engines treat as cloaking. So it stays
and is styled as part of the design instead.
These rules apply to every CMS content page (FAQ, testimonials, etc.), which
is a tidy-up rather than a problem - all it does is drop a stray grey rule
and give the title room to breathe.
========================================================================== */
.body-container .page-header {
border: 0 !important;
margin: 0 0 18px !important;
padding: 0;
}
.body-container .page-header h1 {
font-family: "Poppins-SemiBold", sans-serif;
font-size: clamp(28px, 3.4vw, 40px);
line-height: 1.15;
}
/* --- Compact hero: sits directly under the page title --- */
.al-hero--compact {
border-radius: var(--al-radius);
background-image: linear-gradient(100deg, #00263A 0%, #02304a 55%, #3b2a1a 100%);
margin-bottom: 8px;
}
.al-hero--compact::after { display: none; } /* no photo, no scrim needed */
.al-hero--compact .al-hero__inner { max-width: none; padding: 38px 34px; }
.al-hero--compact .al-hero__body { max-width: 760px; }
/* the hero's statement line. A
, not a heading - the page already has its h1. */
.al-hero__lead {
font-family: "Poppins-SemiBold", sans-serif;
font-size: clamp(23px, 2.5vw, 31px);
line-height: 1.25;
color: #fff;
margin: 0 0 12px;
}
.al-hero--compact .al-lede { font-size: 16.5px; margin-bottom: 22px; }
@media (max-width: 575px) {
.al-hero--compact .al-hero__inner { padding: 28px 22px; }
}
/* --- Product groups as separate grey panels on a white section --- */
.al-group--panel {
background: var(--al-bg-soft);
border: 1px solid var(--al-line);
border-radius: var(--al-radius);
padding: 28px 26px 6px;
margin-bottom: 28px;
}
.al-group--panel .al-group__head { border-bottom-color: #dfe4ec; }
/* dark cards on the grey panel - no border override needed, the card
carries its own --al-card-line */
@media (max-width: 575px) {
.al-group--panel { padding: 22px 18px 2px; }
}
/* --- "Can't find it" fallback band --- */
.al-quote {
border: 1px solid var(--al-line);
border-left: 4px solid var(--al-accent);
border-radius: var(--al-radius);
background: #fff;
padding: 34px 32px;
}
.al-quote .al-h3 { margin-bottom: 8px; }
.al-quote .al-lede { margin-bottom: 20px; max-width: 720px; }
/* --- Anchor targets must clear the sticky navbar (measured at 101px) --- */
.al-section[id] { scroll-margin-top: 120px; }
/* ==========================================================================
10. VALUE-PROP CARDS (homepage, replacing the testimonials module)
--------------------------------------------------------------------------
Question-led boxes. The orange question is the hook; the answer underneath
is the mechanic. Same white-card language as .al-step, without the counter.
========================================================================== */
.al-vcard {
height: 100%;
padding: 28px 26px;
margin-bottom: 24px;
background: #fff;
border: 1px solid var(--al-line);
border-top: 3px solid var(--al-accent);
border-radius: var(--al-radius);
box-shadow: var(--al-shadow);
}
.al-vcard__q {
font-family: "Poppins-SemiBold", sans-serif;
font-size: 19px; line-height: 1.3; font-weight: 600;
color: var(--al-accent);
margin: 0 0 10px;
}
.al-vcard p { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--al-ink-soft); }
@media (max-width: 575px) {
.al-vcard { padding: 24px 20px; }
}