/** Shopify CDN: Minification failed

Line 12:45 Unexpected "-"
Line 13:171 Unterminated string token
Line 22:50 Unterminated string token
Line 23:495 Unterminated string token
Line 24:48 Unterminated string token
Line 26:173 Unterminated string token
Line 28:259 Unterminated string token

**/
Shopify Website Revamp and SEO Brainstorming - Manus
Done — the product description font size override has been removed so it falls back to Dawn's original default size. Only the line-height is kept for better readability.
To apply:
Edit code > Assets > hypedanubis-custom.css
Select all → Delete → Paste → Save
Hard refresh: Ctrl+Shift+R / Cmd+Shift+R
hypedanubis-custom.css
Code · 12.92 KB
View all files in this task
How was this result?
Didn't change at all it seems, I did a hard refrsh
Looking at the screenshot — that text actually looks like a good readable size to me! It appears the revert worked and Dawn's default is rendering nicely. The text in the screenshot looks like roughly 16-17px which is standard web body text size.\n\nIs it possible you're viewing on a high-DPI/Retina screen where everything appears physically smaller? If so, I can bump it up to a specific size like 20px to make it more comfortable. Just let me know what feels right and I'll set it exactly.
It's pretty tiny once you see the entire page...
I can see it now — the description text on the right is noticeably smaller than the zoomed-in version. That's Dawn's default rendering at roughly 13-14px due to the 62.5% base. Setting it to a proper 18px now.
I confirmed the description font size looks good and consistent. To improve readability, I'll set it explicitly to 18px, addressing the size discrepancy on high-DPI screens.

Done — product description is now explicitly set to 18px with span and div also covered so nothing slips through. The previous attempt only targeted p and li but Dawn wraps some description content in plain div or span tags, which is why it wasn't changing.
To apply:
Edit code > Assets > hypedanubis-custom.css
Select all → Delete → Paste → Save
Hard refresh: Ctrl+Shift+R / Cmd+Shift+R
This should be a clear and visible difference this time!
hypedanubis-custom.css
Code · 12.97 KB
View all files in this task
Task completed
How was this result?
Suggested follow-ups


GitHubGoogle CalendarGoogle Drive

Cloud computers
New

/* ============================================================
   HYPEDANUBIS3D — CUSTOM VISUAL OVERHAUL v2
   Theme: Shopify Dawn
   File: assets/hypedanubis-custom.css
   ============================================================ */

/* ── GOOGLE FONTS ───────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');

/* ── DESIGN TOKENS ──────────────────────────────────────────── */
:root {
  --ha-gold:         #C9A84C;
  --ha-gold-light:   #E8C96A;
  --ha-gold-dark:    #8B6914;
  --ha-green:        #2ECC71;
  --ha-green-dark:   #1A9E52;
  --ha-bg:           #0D0D0D;
  --ha-bg-card:      #161616;
  --ha-bg-section:   #111111;
  --ha-border:       rgba(255,255,255,0.08);
  --ha-text:         #F0F0F0;
  --ha-text-muted:   #9A9A9A;
  --ha-radius:       10px;
  --ha-radius-lg:    16px;
  --ha-shadow:       0 4px 24px rgba(0,0,0,0.5);
  --ha-transition:   all 0.25s ease;
}

/* ── ANNOUNCEMENT BAR ───────────────────────────────────────── */
.announcement-bar {
  background: linear-gradient(90deg, #8B6914, #C9A84C, #8B6914) !important;
}
.announcement-bar__message,
.announcement-bar a,
.announcement-bar p {
  color: #0D0D0D !important;
  font-weight: 600 !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

/* ── HEADER / NAV OVERHAUL ──────────────────────────────────── */

/* Sticky with backdrop blur */
.header-wrapper {
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  background: rgba(13,13,13,0.96) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(201,168,76,0.25) !important;
  transition: background 0.3s ease, box-shadow 0.3s ease !important;
}

/* Header height — comfortable, not cramped */
.header.page-width {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

/* Fix Shop dropdown arrow — move caret outside text overlap */
#HeaderMenu-shop {
  padding-right: 24px !important;
}

#HeaderMenu-shop .icon-caret,
.header__menu-item > summary .icon-caret,
.header__menu-item > summary svg.icon-caret {
  position: absolute !important;
  right: 4px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 10px !important;
  height: 10px !important;
  pointer-events: none !important;
}

/* Remove the box/focus outline on Shop button */
.header__menu-item summary:focus,
.header__menu-item summary:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Nav links — font, size, spacing */
.header__menu-item,
.header__menu-item span {
  font-family: 'Inter', sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: rgba(240,240,240,0.9) !important;
  padding: 8px 4px !important;
  position: relative !important;
  transition: color 0.2s ease !important;
  text-decoration: none !important;
}

/* Suppress Dawn's native underline on all nav link states */
.header__menu-item:hover,
.header__menu-item:focus,
.header__menu-item:hover span,
.header__menu-item a,
.header__menu-item a:hover,
.header__menu-item a:focus,
.header__menu-item > a,
.header__menu-item > summary {
  text-decoration: none !important;
}

/* Gold underline slide-in on hover */
.header__menu-item::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 2px !important;
  background: var(--ha-gold) !important;
  border-radius: 2px !important;
  transition: width 0.25s ease !important;
}
.header__menu-item:hover::after,
.header__menu-item[aria-current='page']::after {
  width: 100% !important;
}

/* Hover and active color */
.header__menu-item:hover,
.header__menu-item:hover span,
.header__menu-item[aria-current='page'],
.header__menu-item[aria-current='page'] span {
  color: var(--ha-gold) !important;
}

/* Dropdown menu */
.header__submenu {
  background: #111111 !important;
  border: 1px solid rgba(201,168,76,0.2) !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.6) !important;
  padding: 8px 0 !important;
  min-width: 200px !important;
}

.header__submenu .header__menu-item {
  font-size: 0.82rem !important;
  padding: 10px 20px !important;
  display: block !important;
  border-radius: 0 !important;
}

.header__submenu .header__menu-item:hover {
  background: rgba(201,168,76,0.08) !important;
}

.header__submenu .header__menu-item::after {
  display: none !important;
}

/* Icons — search, account, cart */
.header__icon,
.header__icon svg {
  color: rgba(240,240,240,0.75) !important;
  transition: color 0.2s ease !important;
}
.header__icon:hover,
.header__icon:hover svg {
  color: var(--ha-gold) !important;
}

/* Cart count badge */
.cart-count-bubble {
  background: var(--ha-gold) !important;
  color: #0D0D0D !important;
  font-weight: 700 !important;
  font-size: 0.65rem !important;
}

/* Logo text fallback */
.header__heading-link {
  font-family: 'Oswald', sans-serif !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--ha-gold) !important;
}

/* Mobile hamburger icon */
.header__icon--menu svg {
  color: rgba(240,240,240,0.85) !important;
}

/* ── TYPOGRAPHY — HEADINGS ──────────────────────────────────── */
h1, h2, h3, h4,
.card__heading,
.card__heading a,
.product__title,
.collection__title {
  font-family: 'Oswald', 'Impact', sans-serif !important;
  letter-spacing: 0.03em !important;
}

/* Section title gold underline */
.featured-collection .title,
.collection-list .title {
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

/* ── BUTTONS ────────────────────────────────────────────────── */
.button {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  border-radius: 10px !important;
  transition: all 0.25s ease !important;
}

/* Primary button → green */
.button:not(.button--secondary):not(.button--tertiary) {
  background-color: var(--ha-green) !important;
  color: #fff !important;
  border-color: var(--ha-green) !important;
}
.button:not(.button--secondary):not(.button--tertiary):hover {
  background-color: var(--ha-green-dark) !important;
  border-color: var(--ha-green-dark) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 24px rgba(46,204,113,0.4) !important;
}

/* Secondary button → gold outline */
.button--secondary {
  background-color: transparent !important;
  color: var(--ha-gold) !important;
  border: 2px solid var(--ha-gold) !important;
}
.button--secondary:hover {
  background-color: var(--ha-gold) !important;
  color: #0D0D0D !important;
  transform: translateY(-2px) !important;
}

/* Add to cart / quick-add */
.quick-add__submit,
.product-form__submit {
  background-color: var(--ha-green) !important;
  color: #fff !important;
  border-color: var(--ha-green) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  border-radius: 10px !important;
}
.quick-add__submit:hover,
.product-form__submit:hover {
  background-color: var(--ha-green-dark) !important;
  border-color: var(--ha-green-dark) !important;
}

/* ── PRODUCT CARDS — STYLE ONLY, NO IMAGE INTERFERENCE ──────── */
/* Border and hover lift — do NOT touch background or media */
.card-wrapper {
  border-radius: var(--ha-radius-lg) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}
.card-wrapper:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 32px rgba(201,168,76,0.15) !important;
}

/* Card info area below image */
.card__information {
  padding: 12px 14px 14px !important;
}
.card__heading a {
  font-weight: 600 !important;
  font-size: 1.05rem !important;
  line-height: 1.3 !important;
}

/* Price in gold */
.price__regular .price-item,
.price-item--regular {
  color: var(--ha-gold) !important;
  font-weight: 700 !important;
}
.price-item--sale {
  color: var(--ha-green) !important;
  font-weight: 700 !important;
}

/* ── IMAGE HOVER ZOOM — safe approach ──────────────────────── */
.card__media {
  overflow: hidden !important;
  border-radius: var(--ha-radius-lg) var(--ha-radius-lg) 0 0 !important;
}
.card__media img {
  transition: transform 0.4s ease !important;
}
.card-wrapper:hover .card__media img {
  transform: scale(1.04) !important;
}

/* ── COLLECTION LIST TILES ──────────────────────────────────── */
.collection-list__item .card {
  border-radius: var(--ha-radius-lg) !important;
  overflow: hidden !important;
}

/* ── PRICE ──────────────────────────────────────────────────── */
.price {
  color: var(--ha-gold) !important;
}

/* ── NEWSLETTER ─────────────────────────────────────────────── */
.newsletter__heading {
  font-family: 'Oswald', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: var(--ha-gold) !important;
}
.newsletter .button {
  background-color: var(--ha-gold) !important;
  color: #0D0D0D !important;
  border-color: var(--ha-gold) !important;
  font-weight: 700 !important;
}
.newsletter .button:hover {
  background-color: var(--ha-gold-light) !important;
  border-color: var(--ha-gold-light) !important;
}

/* ── FOOTER ─────────────────────────────────────────────────── */
.footer__heading {
  font-family: 'Oswald', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: var(--ha-gold) !important;
}
.footer-block__list a,
.footer__list a {
  font-size: 1rem !important;
  line-height: 2 !important;
  transition: color 0.2s ease !important;
}
.footer-block__list a:hover,
.footer__list a:hover {
  color: var(--ha-gold) !important;
}

/* ── PRODUCT PAGE ───────────────────────────────────────────── */
.product__title {
  font-size: clamp(1.6rem, 3vw, 2.4rem) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}
.product__price .price-item {
  color: var(--ha-gold) !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
}

/* ── PAGINATION ─────────────────────────────────────────────── */
.pagination__item a:hover,
.pagination__item--current a {
  color: var(--ha-gold) !important;
  border-color: var(--ha-gold) !important;
}

/* ── READABLE BODY TEXT — px values used to bypass Dawn's 62.5% html base ── */
/* Blog articles, About Us, pages, policy pages */
.rte p,
.rte li,
.rte ol,
.rte ul {
  font-size: 18px !important;
  line-height: 1.8 !important;
}

/* Product descriptions */
.product__description,
.product__description p,
.product__description li,
.product__description span,
.product__description div {
  font-size: 18px !important;
  line-height: 1.8 !important;
}

/* Collection page description */
.collection__description,
.collection-description {
  font-size: 17px !important;
  line-height: 1.7 !important;
}

/* Caption / label text */
.caption-with-letter-spacing,
.caption-large {
  font-size: 13px !important;
}

/* ── SCROLLBAR ──────────────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-thumb {
  background: var(--ha-gold-dark);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--ha-gold);
}

/* ── MOBILE ─────────────────────────────────────────────────── */
@media (max-width: 749px) {
  .card__information {
    padding: 10px 12px 12px !important;
  }
}