/** Shopify CDN: Minification failed

Line 83:21 Expected identifier but found whitespace
Line 83:79 Expected identifier but found whitespace
Line 83:219 Unexpected "("
Line 83:770 Unterminated string token
Line 91:42 Unexpected "/"
Line 95:121 Expected identifier but found "3"
Line 116:34 Expected identifier but found whitespace
Line 116:79 Unexpected "\"borders to text\""
Line 127:100 Expected identifier but found whitespace
Line 148:31 Expected identifier but found whitespace
... and 1 more hidden warnings

**/
#nav-top { font-size: calc(0.9285714286 * var(--main_fz)); }

input.size-s, select.size-s, .bv_atual.size-s, .size-s input, .size-s select, .size-s .bv_atual { --input_h: calc(var(--btn_fz) * var(--main_lh_h) + var(--btn_pv) * 0.65 * 2) }
input.size-m, select.size-m, .bv_atual.size-m, .size-m input, .size-m select, .size-m .bv_atual { --input_h: calc(var(--btn_fz) * var(--main_lh_h) + var(--btn_pv) * 1.2 * 2) }
input.size-l, select.size-l, .bv_atual.size-l, .size-l input, .size-l select, .size-l .bv_atual { --input_h: calc(var(--btn_fz) * var(--main_lh_h) + var(--btn_pv) * 1.35 * 2) }

/*.f8sr .l4vw + p { margin-left: 22px; }
	.f8sr .l4vw + p:before { display: none; }
	[dir="rtl"] .f8sr .l4vw + p { margin-left: 0; margin-right: 22px; }*/
		
/*@media only screen and (max-width: 1356px) {
.l4ft li { --mih: 22vw; }
} */
.l4al img, .l4al svg, .l4al picture { max-height: 25px !important; }

.l4cl.small .swiper-button-next:before { content: "\e96b"; }
.l4cl.small .swiper-button-prev:before { content: "\e96a"; }
[dir="rtl"] .l4cl.small .swiper-button-next:before { content: "\e96a"; }
[dir="rtl"] .l4cl.small .swiper-button-prev:before { content: "\e96b"; }


/*! Responsive --------- */
@media only screen and (max-width: 1356px) {
  .l4ft.static li.w33, .l4ft.static.w33 li { --mih: 22vw; }
  .l4ft.static li.w12,
  .l4ft.static li.w15,
  .l4ft.static li.w16,
  .l4ft.static li.w20,
  .l4ft.static li.w25,
  .l4ft.static li.w33,
  .l4ft.static.w12 li,
  .l4ft.static.w14 li,
  .l4ft.static.w16 li,
  .l4ft.static.w20 li,
  .l4ft.static.w25 li,
  .l4ft.static.w33 li { --mih: 22vw; }
}
@media only screen and (max-width: 1000px) { /* 1000 */
#root .l4ft.mobile-compact li { --mih: 145px; }
}
@media only screen and (max-width: 760px) { /* 760 */
h1, .h1, .l4cl.category h1, #root .l4cl.category .size-50 { font-size: var(--mob_h1); }
	h1, .h1, .l4cl.category h1, #root .l4cl.category .size-50 { font-size: var(--mob_h1); }
    h2, .h2, .l4cl.category h2 { font-size: var(--mob_h2); }
    h3, .h3, .l4cl.category h3 { font-size: var(--mob_h3); }
    h4, .h4, .l4cl.category h4 { font-size: var(--mob_h4); }
    h5, .h5, .l4cl.category h5 { font-size: var(--mob_h5); }
    h6, .h6, .l4cl.category h6 { font-size: var(--mob_h6); }
    .lead { font-size: var(--mob_lead); }

.f8sr { --f8sr_dist: 20px; }
	.f8sr fieldset > *:not(h1, h2, h3, h4, h5, h6, :first-child:not(hr)):before { display: none; }
  .l4ft.static li.w12,
  .l4ft.static li.w15,
  .l4ft.static li.w16,
  .l4ft.static li.w20,
  .l4ft.static li.w25,
  .l4ft.static li.w33,
  .l4ft.static.w12 li,
  .l4ft.static.w14 li,
  .l4ft.static.w16 li,
  .l4ft.static.w20 li,
  .l4ft.static.w25 li,
  .l4ft.static.w33 li { --mih: 300px; }
  
.l4vw li.active:not(:first-child:last-child) { display: none; } 
}
AI Mode conversation: how to add borders to text in shopify seed themeYou said: how to add borders to text in shopify seed themehow to add borders to text in shopify seed themeTo add borders to text in the Shopify Seed (or a similar grid-based) theme, you can use the built-in Custom CSS setting in your theme editor or add a snippet to your theme's stylesheet.Method 1: Use the Theme Editor (Recommended for Specific Sections)Go to your Shopify Admin and click Online Store, then Customize next to your theme.Navigate to the page and select the Rich Text or text section where your text is located.Scroll down the sidebar settings to the Custom CSS field.Paste the following CSS code to wrap a solid border around your text block or container:css.text-box, .rich-text {
  border: 2px solid #000000 !important;
  padding: 20px !important;
}
Use code with caution.Adjust the border thickness (2px), style (solid), and color code (#000000) to fit your design, then click Save.Method 2: Edit base.css (For Global Text Outlines or Containers)From your Shopify Admin, go to Online Store, click the three dots (...) next to your active theme, and select Edit code.Open the Assets folder and click on base.css (or theme.css).Scroll to the very bottom of the file and paste your custom rule.For a container/box border:css.encoded-text-class {
  border: 1px solid #000;
  padding: 10px;
}
Use code with caution.For an actual letter/text outline effect:css.encoded-text-class {
  -webkit-text-stroke: 1px black; /* Outline width and color */
  color: white; /* Inside text color */
}
Use code with caution.Click Save.See a visual walkthrough of how to inject custom border CSS into Shopify section panels:3:43EASY Shopify Tutorial - Add Borders to Any Section in Seconds!3.6K views · 2 years agoYouTube · Betsy Lugo CreativeIf you can share the exact class or section name of the text element you want to target, or whether you want a box around the text versus an outline around the letters, I can write the precise CSS selector for you.Shopify CommunityHow can I add a black border to my text section?YouTube·Betsy Lugo CreativeEASY Shopify Tutorial - Add Borders to Any Section in Seconds!3:43Shopify CommunityAdding border to custom content- debut themeShow alli want to add borders to headings and text in scheme 8In Shopify themes like Seed or any standard Dawn-based theme, color schemes generate a global wrapping class (such as .color-scheme-8 or .color-scheme-template--...).Targeting Scheme 8 specifically means you can automatically inject borders onto headings and text blocks only when a section is set to Scheme 8.Add the CSS globally for Scheme 8From your Shopify Admin, navigate to Online Store > Themes.Click the three dots (...) next to your current theme and choose Edit code.Under the Assets folder, locate and click on base.css (or theme.css / global.css).Scroll all the way to the very bottom of the file and paste the following code:css/* --- Target only elements inside Scheme 8 --- */

/* 1. Add borders around Headings in Scheme 8 */
.color-scheme-8 h1, 
.color-scheme-8 h2, 
.color-scheme-8 h3, 
.color-scheme-8 .heading {
  border: 2px solid #000000; /* Adjust thickness and color */
  padding: 10px 15px;       /* Adds space inside the border so text doesn't touch it */
  display: inline-block;     /* Keeps the border tight to the word length instead of stretching full width */
  margin-bottom: 15px;      /* Spacing below the heading */
}

/* 2. Add borders around Paragraphs / Text Blocks in Scheme 8 */
.color-scheme-8 p, 
.color-scheme-8 .rte p {
  border: 1px solid #333333; /* Thinner border for body text */
  padding: 12px;
  margin-top: 10px;
  border-radius: 4px;        /* Optional: gives slight rounded edges */
}
Use code with caution.Alternative: Letter Outline instead of a Box BorderIf by "borders to text" you meant a stroke/outline around the literal letters rather than a box framing them, use this code at the bottom of your stylesheet instead:css/* Letter outline for Headings in Scheme 8 */
.color-scheme-8 h1, .color-scheme-8 h2, .color-scheme-8 h3 {
  -webkit-text-stroke: 1px #000000; /* Outline thickness and color */
  color: #ffffff;                    /* Inner fill color */
}

/* Letter outline for Body Text in Scheme 8 */
.color-scheme-8 p {
  -webkit-text-stroke: 0.5px #000000;
  color: #ffffff;
}
Use code with caution.Why this works seamlessly:Shopify formats sections using automated CSS scopes. The .color-scheme-8 parent class ensures that if you switch a section back to Scheme 1 or 2 later, the borders will automatically disappear from that section, keeping your custom code strictly tied to Scheme 8.To make sure the design fits perfectly, let me know:Do you want the borders to be a box framing the text, or a stroke outlining the actual letters?Should the headings span full-width across the page, or hug the text tightly?Shopify CommunityHow to add borders to these sections - Shopify CommunityShopify CommunityAdding border to text - Shopify CommunityInsiteful AgencyShopify Color Schemes in 2026: Building a Brand Colour ...there are three theme.css, theme-accesible.css, theme-dark.css and theme-xtra.css there is no base.css or global.cssBecause the Seed preset belongs to the Xtra theme ecosystem, it structured its styles using specialized files like theme.css and theme-xtra.css instead of standard Dawn files like base.css.To apply your borders cleanly, you will need to add the code to theme.css.Step-by-Step InstructionsFrom your Shopify Admin, go to Online Store > Themes.Click the three dots (...) next to your theme and select Edit code.Under the Assets folder, locate and click on theme.css.Scroll all the way to the very bottom of the file to ensure your custom rules override default styles.Paste one of the code blocks below depending on your preferred border layout style:Option A: Box Frame Borders (Frames around the text blocks)This surrounds your headings and paragraphs with a solid, clean boundary line.css/* --- Target elements specifically inside Scheme 8 --- */

/* 1. Box border around Headings in Scheme 8 */
.color-scheme-8 h1, 
.color-scheme-8 h2, 
.color-scheme-8 h3, 
.color-scheme-8 .heading {
  border: 2px solid #000000; /* Adjust thickness and hex color */
  padding: 10px 15px;       /* Adds space inside so text doesn't touch the border */
  display: inline-block;     /* Keeps the border wrapping tight to the text width */
  margin-bottom: 15px;       
}

/* 2. Box border around Paragraphs / Body Text in Scheme 8 */
.color-scheme-8 p, 
.color-scheme-8 .rte p {
  border: 1px solid #333333; /* Thinner border for body paragraphs */
  padding: 12px;
  margin-top: 10px;
  border-radius: 4px;        /* Optional: rounds the corners slightly */
}
Use code with caution.Option B: Text Outlines (Strokes directly tracing the letters)If you prefer a text effect where the individual alphabet letter vectors are outlined rather than a rectangular box around them, paste this instead:css/* Letter outline for Headings in Scheme 8 */
.color-scheme-8 h1, .color-scheme-8 h2, .color-scheme-8 h3 {
  -webkit-text-stroke: 1px #000000; /* Outline thickness and color */
  color: #ffffff;                    /* Inside text fill color */
}

/* Letter outline for Body Text Paragraphs in Scheme 8 */
.color-scheme-8 p {
  -webkit-text-stroke: 0.5px #000000;
  color: #ffffff;
}