[{"data":1,"prerenderedAt":1004},["ShallowReactive",2],{"navigation_docs":3,"-store-management-builder-element-properties":233,"-store-management-builder-element-properties-surround":999},[4,26,224],{"title":5,"path":6,"stem":7,"children":8,"page":25},"Getting Started","\u002Fgetting-started","01.getting-started",[9,13,17,21],{"title":10,"path":11,"stem":12},"What is Orderain?","\u002Fgetting-started\u002Fwhat-is-orderain","01.getting-started\u002F01.what-is-orderain",{"title":14,"path":15,"stem":16},"From a Theme","\u002Fgetting-started\u002Ffrom-a-theme","01.getting-started\u002F02.from-a-theme",{"title":18,"path":19,"stem":20},"With AI (Buddy)","\u002Fgetting-started\u002Fbuilding-your-store-with-buddy","01.getting-started\u002F03.building-your-store-with-buddy",{"title":22,"path":23,"stem":24},"Orderain MCP","\u002Fgetting-started\u002Forderain-mcp","01.getting-started\u002F04.orderain-mcp",false,{"title":27,"path":28,"stem":29,"children":30,"page":25},"Store Management","\u002Fstore-management","02.store-management",[31,101],{"title":32,"path":33,"stem":34,"children":35,"page":25},"Builder","\u002Fstore-management\u002Fbuilder","02.store-management\u002F01.builder",[36,40,44,48,52,56,60,64,93,97],{"title":37,"path":38,"stem":39},"Overview","\u002Fstore-management\u002Fbuilder\u002Fthe-store-builder","02.store-management\u002F01.builder\u002F01.the-store-builder",{"title":41,"path":42,"stem":43},"Pages","\u002Fstore-management\u002Fbuilder\u002Fpages","02.store-management\u002F01.builder\u002F02.pages",{"title":45,"path":46,"stem":47},"Layers","\u002Fstore-management\u002Fbuilder\u002Flayers","02.store-management\u002F01.builder\u002F03.layers",{"title":49,"path":50,"stem":51},"Layouts","\u002Fstore-management\u002Fbuilder\u002Flayouts","02.store-management\u002F01.builder\u002F04.layouts",{"title":53,"path":54,"stem":55},"Blocks","\u002Fstore-management\u002Fbuilder\u002Fblocks","02.store-management\u002F01.builder\u002F05.blocks",{"title":57,"path":58,"stem":59},"Element Properties","\u002Fstore-management\u002Fbuilder\u002Felement-properties","02.store-management\u002F01.builder\u002F06.element-properties",{"title":61,"path":62,"stem":63},"Version History","\u002Fstore-management\u002Fbuilder\u002Fversion-history","02.store-management\u002F01.builder\u002F07.version-history",{"title":65,"path":66,"stem":67,"children":68,"page":25},"Builder Settings","\u002Fstore-management\u002Fbuilder\u002Fbuilder-settings","02.store-management\u002F01.builder\u002F08.builder-settings",[69,73,77,81,85,89],{"title":70,"path":71,"stem":72},"Themes","\u002Fstore-management\u002Fbuilder\u002Fbuilder-settings\u002Fthemes","02.store-management\u002F01.builder\u002F08.builder-settings\u002F01.themes",{"title":74,"path":75,"stem":76},"General","\u002Fstore-management\u002Fbuilder\u002Fbuilder-settings\u002Fgeneral","02.store-management\u002F01.builder\u002F08.builder-settings\u002F02.general",{"title":78,"path":79,"stem":80},"SEO","\u002Fstore-management\u002Fbuilder\u002Fbuilder-settings\u002Fseo","02.store-management\u002F01.builder\u002F08.builder-settings\u002F03.seo",{"title":82,"path":83,"stem":84},"Cache Management","\u002Fstore-management\u002Fbuilder\u002Fbuilder-settings\u002Fcache-management","02.store-management\u002F01.builder\u002F08.builder-settings\u002F04.cache-management",{"title":86,"path":87,"stem":88},"CSS Update","\u002Fstore-management\u002Fbuilder\u002Fbuilder-settings\u002Fcss-update","02.store-management\u002F01.builder\u002F08.builder-settings\u002F05.css-update",{"title":90,"path":91,"stem":92},"AI","\u002Fstore-management\u002Fbuilder\u002Fbuilder-settings\u002Fai","02.store-management\u002F01.builder\u002F08.builder-settings\u002F06.ai",{"title":94,"path":95,"stem":96},"AI Buddy","\u002Fstore-management\u002Fbuilder\u002Fai-buddy","02.store-management\u002F01.builder\u002F09.ai-buddy",{"title":98,"path":99,"stem":100},"Preview & Publish","\u002Fstore-management\u002Fbuilder\u002Fpreview-and-publish","02.store-management\u002F01.builder\u002F10.preview-and-publish",{"title":102,"path":103,"stem":104,"children":105,"page":25},"Dashboard","\u002Fstore-management\u002Fdashboard","02.store-management\u002F02.dashboard",[106,109,122,151,155,168,172,176,180],{"title":37,"path":107,"stem":108},"\u002Fstore-management\u002Fdashboard\u002Foverview","02.store-management\u002F02.dashboard\u002F01.overview",{"title":110,"path":111,"stem":112,"children":113,"page":25},"Orders","\u002Fstore-management\u002Fdashboard\u002Forders","02.store-management\u002F02.dashboard\u002F02.orders",[114,118],{"title":115,"path":116,"stem":117},"All Orders","\u002Fstore-management\u002Fdashboard\u002Forders\u002Fall-orders","02.store-management\u002F02.dashboard\u002F02.orders\u002F01.all-orders",{"title":119,"path":120,"stem":121},"Abandoned Orders","\u002Fstore-management\u002Fdashboard\u002Forders\u002Fabandoned-orders","02.store-management\u002F02.dashboard\u002F02.orders\u002F02.abandoned-orders",{"title":123,"path":124,"stem":125,"children":126,"page":25},"Products","\u002Fstore-management\u002Fdashboard\u002Fproducts","02.store-management\u002F02.dashboard\u002F03.products",[127,131,135,139,143,147],{"title":128,"path":129,"stem":130},"All Products","\u002Fstore-management\u002Fdashboard\u002Fproducts\u002Fall-products","02.store-management\u002F02.dashboard\u002F03.products\u002F01.all-products",{"title":132,"path":133,"stem":134},"Add a Product","\u002Fstore-management\u002Fdashboard\u002Fproducts\u002Fadd-product","02.store-management\u002F02.dashboard\u002F03.products\u002F02.add-product",{"title":136,"path":137,"stem":138},"Categories","\u002Fstore-management\u002Fdashboard\u002Fproducts\u002Fcategories","02.store-management\u002F02.dashboard\u002F03.products\u002F03.categories",{"title":140,"path":141,"stem":142},"Inventory","\u002Fstore-management\u002Fdashboard\u002Fproducts\u002Finventory","02.store-management\u002F02.dashboard\u002F03.products\u002F04.inventory",{"title":144,"path":145,"stem":146},"Reviews","\u002Fstore-management\u002Fdashboard\u002Fproducts\u002Freviews","02.store-management\u002F02.dashboard\u002F03.products\u002F05.reviews",{"title":148,"path":149,"stem":150},"Catalogue","\u002Fstore-management\u002Fdashboard\u002Fproducts\u002Fcatalogue","02.store-management\u002F02.dashboard\u002F03.products\u002F06.catalogue",{"title":152,"path":153,"stem":154},"Customers","\u002Fstore-management\u002Fdashboard\u002Fcustomers","02.store-management\u002F02.dashboard\u002F04.customers",{"title":156,"path":157,"stem":158,"children":159,"page":25},"Analytics","\u002Fstore-management\u002Fdashboard\u002Fanalytics","02.store-management\u002F02.dashboard\u002F05.analytics",[160,164],{"title":161,"path":162,"stem":163},"Sales","\u002Fstore-management\u002Fdashboard\u002Fanalytics\u002Fsales","02.store-management\u002F02.dashboard\u002F05.analytics\u002F01.sales",{"title":165,"path":166,"stem":167},"Traffic","\u002Fstore-management\u002Fdashboard\u002Fanalytics\u002Ftraffic","02.store-management\u002F02.dashboard\u002F05.analytics\u002F02.traffic",{"title":169,"path":170,"stem":171},"Coupons","\u002Fstore-management\u002Fdashboard\u002Fcoupons","02.store-management\u002F02.dashboard\u002F06.coupons",{"title":173,"path":174,"stem":175},"Plugins","\u002Fstore-management\u002Fdashboard\u002Fplugins","02.store-management\u002F02.dashboard\u002F07.plugins",{"title":177,"path":178,"stem":179},"Staff Management","\u002Fstore-management\u002Fdashboard\u002Fstaff-management","02.store-management\u002F02.dashboard\u002F08.staff-management",{"title":181,"path":182,"stem":183,"children":184,"page":25},"Settings","\u002Fstore-management\u002Fdashboard\u002Fsettings","02.store-management\u002F02.dashboard\u002F09.settings",[185,188,192,196,200,204,208,212,216,220],{"title":74,"path":186,"stem":187},"\u002Fstore-management\u002Fdashboard\u002Fsettings\u002Fgeneral","02.store-management\u002F02.dashboard\u002F09.settings\u002F01.general",{"title":189,"path":190,"stem":191},"Subscription","\u002Fstore-management\u002Fdashboard\u002Fsettings\u002Fsubscription","02.store-management\u002F02.dashboard\u002F09.settings\u002F02.subscription",{"title":193,"path":194,"stem":195},"Domain","\u002Fstore-management\u002Fdashboard\u002Fsettings\u002Fdomain","02.store-management\u002F02.dashboard\u002F09.settings\u002F03.domain",{"title":197,"path":198,"stem":199},"Payment","\u002Fstore-management\u002Fdashboard\u002Fsettings\u002Fpayment","02.store-management\u002F02.dashboard\u002F09.settings\u002F04.payment",{"title":201,"path":202,"stem":203},"Additional Charges","\u002Fstore-management\u002Fdashboard\u002Fsettings\u002Fadditional-charges","02.store-management\u002F02.dashboard\u002F09.settings\u002F05.additional-charges",{"title":205,"path":206,"stem":207},"Taxes","\u002Fstore-management\u002Fdashboard\u002Fsettings\u002Ftaxes","02.store-management\u002F02.dashboard\u002F09.settings\u002F06.taxes",{"title":209,"path":210,"stem":211},"Notifications","\u002Fstore-management\u002Fdashboard\u002Fsettings\u002Fnotifications","02.store-management\u002F02.dashboard\u002F09.settings\u002F07.notifications",{"title":213,"path":214,"stem":215},"Warehouses","\u002Fstore-management\u002Fdashboard\u002Fsettings\u002Fwarehouses","02.store-management\u002F02.dashboard\u002F09.settings\u002F08.warehouses",{"title":217,"path":218,"stem":219},"Shipping Rate","\u002Fstore-management\u002Fdashboard\u002Fsettings\u002Fshipping-rate","02.store-management\u002F02.dashboard\u002F09.settings\u002F09.shipping-rate",{"title":221,"path":222,"stem":223},"Headless","\u002Fstore-management\u002Fdashboard\u002Fsettings\u002Fheadless","02.store-management\u002F02.dashboard\u002F09.settings\u002F10.headless",{"title":225,"path":226,"stem":227,"children":228,"page":25},"Account Settings","\u002Faccount-settings","03.account-settings",[229],{"title":230,"path":231,"stem":232},"Orderain Magic","\u002Faccount-settings\u002Forderain-magic","03.account-settings\u002F01.orderain-magic",{"id":234,"title":57,"body":235,"description":992,"extension":993,"links":994,"meta":995,"navigation":996,"path":58,"seo":997,"stem":59,"__hash__":998},"docs\u002F02.store-management\u002F01.builder\u002F06.element-properties.md",{"type":236,"value":237,"toc":973},"minimark",[238,251,271,287,292,317,321,333,340,344,358,367,371,380,566,586,589,598,603,693,697,709,713,752,756,768,772,777,781,798,802,824,828,853,857,876,879,884,949,962,969],[239,240,241,242,246,247,250],"p",{},"Every element on your page can be edited directly. Hover an element on the canvas\nand a small toolbar appears with two options: ",[243,244,245],"strong",{},"edit"," and ",[243,248,249],{},"delete",".",[252,253,254,265],"ul",{},[255,256,257,260,261,264],"li",{},[243,258,259],{},"Edit (pencil)."," Open the element's ",[243,262,263],{},"Properties"," panel to customize it.",[255,266,267,270],{},[243,268,269],{},"Delete (trash)."," Remove the element from the page.",[272,273,275,276,275,282],"figure",{"style":274},"margin:1rem 0;","\n  ",[277,278],"img",{"src":279,"alt":280,"style":281},"\u002Fimages\u002Felement-properties\u002Felement-edit-delete-icons.png","An element on the canvas with the edit (pencil) and delete (trash) icons","display:block;width:100%;max-width:860px;height:auto;margin-inline:auto;border-radius:12px;",[283,284,286],"figcaption",{"style":285},"text-align:center;margin-top:0.25rem;font-size:0.875rem;color:var(--ui-text-muted);","Hover an element to reveal the edit (pencil) and delete (trash) icons.",[288,289,291],"h2",{"id":290},"the-properties-panel","The Properties panel",[239,293,294,295,298,299,301,302,246,305,308,309,312,313,316],{},"Click the ",[243,296,297],{},"edit (pencil)"," icon and the ",[243,300,263],{}," panel opens on the right.\nIt has two tabs, ",[243,303,304],{},"Controls",[243,306,307],{},"Inspector",", an ",[243,310,311],{},"Ask Buddy"," bar, and a set of\ncollapsible sections for everything about the element. A ",[243,314,315],{},"Reset"," button at the\nbottom returns the element to its defaults.",[288,318,320],{"id":319},"edit-with-buddy","Edit with Buddy",[239,322,323,324,327,328,332],{},"At the top of the panel is an ",[243,325,326],{},"Ask Buddy…"," bar. Instead of adjusting the controls\nyourself, describe the change you want (for example ",[329,330,331],"em",{},"make this heading bigger and\ncenter it",") and Buddy updates the element for you.",[334,335,336,337,339],"tip",{},"Use ",[243,338,311],{}," for quick changes, and the sections below for precise, manual\ncontrol.",[288,341,343],{"id":342},"element-info","Element Info",[239,345,346,347,349,350,353,354,357],{},"The ",[243,348,343],{}," section shows the element's ",[243,351,352],{},"Text Content"," and its ",[243,355,356],{},"CSS\nclasses",". Edit the text, and add or remove classes on the element.",[272,359,275,360,275,364],{"style":274},[277,361],{"src":362,"alt":363,"style":281},"\u002Fimages\u002Felement-properties\u002Felement-info-section.png","The Element Info section showing Text Content and the element's classes",[283,365,366],{"style":285},"The Element Info section — edit the text content and the element's classes.",[288,368,370],{"id":369},"css-class","CSS Class",[239,372,346,373,375,376,379],{},[243,374,370],{}," section is where you work with the element's utility classes and\nthe CSS rule behind them. Unlike the Design controls (which apply to the one\nelement), a change here affects ",[243,377,378],{},"every element that uses the same class"," in the\nblock.",[252,381,382,422,432],{},[255,383,384,387,388,392,393,396,397,392,400,392,403,392,406,396,409,392,412,392,415,392,418,421],{},[243,385,386],{},"This element."," A list of the classes currently applied to the selected\nelement, shown as chips (for example ",[389,390,391],"code",{},".gb-k7m2p9x-pill",", ",[389,394,395],{},".tw-inline-block",",\n",[389,398,399],{},".tw-text-xs",[389,401,402],{},".tw-font-semibold",[389,404,405],{},".tw-tracking-widest",[389,407,408],{},".tw-uppercase",[389,410,411],{},".tw-px-3",[389,413,414],{},".tw-py-1.5",[389,416,417],{},".tw-rounded-full",[389,419,420],{},".tw-mb-6","). The class you're\nediting is highlighted.",[255,423,424,427,428,431],{},[243,425,426],{},"Or any class in this block."," A dropdown that lists every class used ",[243,429,430],{},"anywhere\nin the current block"," (with a count), so you can pick and edit a class even if\nit isn't on the selected element.",[255,433,434,437,438,562,565],{},[243,435,436],{},"Rule editor."," Below the dropdown, the selected class is shown as an editable\nCSS rule — for example:",[439,440,445],"pre",{"className":441,"code":442,"language":443,"meta":444,"style":444},"language-css shiki shiki-themes material-theme-lighter material-theme material-theme-palenight",".gb-k7m2p9x-pill {\n  background: rgba(232, 93, 4, 0.12);\n  color: #E85D04;\n  border: 1px solid rgba(232, 93, 4, …);\n}\n","css","",[389,446,447,462,502,520,556],{"__ignoreMap":444},[448,449,452,455,459],"span",{"class":450,"line":451},"line",1,[448,453,250],{"class":454},"sMK4o",[448,456,458],{"class":457},"sBMFI","gb-k7m2p9x-pill",[448,460,461],{"class":454}," {\n",[448,463,465,469,472,476,479,483,486,489,491,494,496,499],{"class":450,"line":464},2,[448,466,468],{"class":467},"sqsOY","  background",[448,470,471],{"class":454},":",[448,473,475],{"class":474},"s2Zo4"," rgba",[448,477,478],{"class":454},"(",[448,480,482],{"class":481},"sbssI","232",[448,484,485],{"class":454},",",[448,487,488],{"class":481}," 93",[448,490,485],{"class":454},[448,492,493],{"class":481}," 4",[448,495,485],{"class":454},[448,497,498],{"class":481}," 0.12",[448,500,501],{"class":454},");\n",[448,503,505,508,510,513,517],{"class":450,"line":504},3,[448,506,507],{"class":467},"  color",[448,509,471],{"class":454},[448,511,512],{"class":454}," #",[448,514,516],{"class":515},"sTEyZ","E85D04",[448,518,519],{"class":454},";\n",[448,521,523,526,528,531,534,537,539,541,543,545,547,549,551,554],{"class":450,"line":522},4,[448,524,525],{"class":467},"  border",[448,527,471],{"class":454},[448,529,530],{"class":481}," 1px",[448,532,533],{"class":515}," solid ",[448,535,536],{"class":474},"rgba",[448,538,478],{"class":454},[448,540,482],{"class":481},[448,542,485],{"class":454},[448,544,488],{"class":481},[448,546,485],{"class":454},[448,548,493],{"class":481},[448,550,485],{"class":454},[448,552,553],{"class":515}," …",[448,555,501],{"class":454},[448,557,559],{"class":450,"line":558},5,[448,560,561],{"class":454},"}\n",[563,564],"br",{},"Edit the declarations directly to change how the class looks.",[567,568,569,570,573,574,577,578,581,582,585],"warning",{},"Editing a class rule here ",[243,571,572],{},"applies to every element using that class"," on the\nblock, not just the selected one. To style a single element without affecting\nothers, use the ",[243,575,576],{},"Design"," controls or ",[243,579,580],{},"Custom CSS"," in the ",[243,583,584],{},"Advanced"," section\ninstead.",[288,587,576],{"id":588},"design",[239,590,346,591,593,594,597],{},[243,592,576],{}," section styles the ",[243,595,596],{},"selected element"," visually. It's split into\ngroups:",[599,600,602],"h3",{"id":601},"typography","Typography",[252,604,605,619,628,637,648,658,664,672,680],{},[255,606,607,610,611,614,615,618],{},[243,608,609],{},"Size."," The font size in ",[243,612,613],{},"px"," (for example ",[389,616,617],{},"16",").",[255,620,621,624,625,618],{},[243,622,623],{},"Weight."," The font weight, from the dropdown (default ",[389,626,627],{},"—",[255,629,630,633,634,618],{},[243,631,632],{},"Line Height."," The line height (for example ",[389,635,636],{},"1.5",[255,638,639,642,643,614,645,618],{},[243,640,641],{},"Spacing."," Letter spacing in ",[243,644,613],{},[389,646,647],{},"0",[255,649,650,653,654,657],{},[243,651,652],{},"Text Color."," The text color as a hex value (for example ",[389,655,656],{},"#000000","), with a\ncolor swatch\u002Fpicker beside it.",[255,659,660,663],{},[243,661,662],{},"Text Align."," Left, center, right, or justify.",[255,665,666,669,670,618],{},[243,667,668],{},"Decoration."," Underline, line-through, and so on (default ",[389,671,627],{},[255,673,674,677,678,618],{},[243,675,676],{},"Transform."," Text casing — uppercase, lowercase, capitalize (default ",[389,679,627],{},[255,681,682,685,686,689,690,250],{},[243,683,684],{},"Style."," ",[243,687,688],{},"Normal"," or ",[243,691,692],{},"Italic",[599,694,696],{"id":695},"background","Background",[252,698,699],{},[255,700,701,704,705,708],{},[243,702,703],{},"Fill Color."," The element's background color (for example ",[389,706,707],{},"transparent","), with\na color swatch\u002Fpicker beside it.",[599,710,712],{"id":711},"borders","Borders",[252,714,715,725,735,745],{},[255,716,717,720,721,614,723,618],{},[243,718,719],{},"Radius."," Corner radius in ",[243,722,613],{},[389,724,647],{},[255,726,727,730,731,614,733,618],{},[243,728,729],{},"Width."," Border thickness in ",[243,732,613],{},[389,734,647],{},[255,736,737,740,741,744],{},[243,738,739],{},"Border Color."," The border color as a hex value (for example ",[389,742,743],{},"#E5E7EB","), with a\ncolor swatch.",[255,746,747,749,750,618],{},[243,748,684],{}," The border line style — solid, dashed, dotted, and so on (default\n",[389,751,627],{},[599,753,755],{"id":754},"shadow","Shadow",[252,757,758],{},[255,759,760,763,764,767],{},[243,761,762],{},"Box Shadow."," A preset box-shadow (for example ",[243,765,766],{},"None",") from the dropdown.",[288,769,771],{"id":770},"layout","Layout",[239,773,346,774,776],{},[243,775,771],{}," section controls how the element is placed and sized.",[599,778,780],{"id":779},"display","Display",[252,782,783],{},[255,784,785,685,788,392,791,794,795,250],{},[243,786,787],{},"Display.",[243,789,790],{},"Block",[243,792,793],{},"Flex",", or ",[243,796,797],{},"Grid",[599,799,801],{"id":800},"spacing","Spacing",[252,803,804,814],{},[255,805,806,809,810,614,812,618],{},[243,807,808],{},"Padding."," Inner spacing in ",[243,811,613],{},[389,813,647],{},[255,815,816,819,820,614,822,618],{},[243,817,818],{},"Margin."," Outer spacing in ",[243,821,613],{},[389,823,647],{},[599,825,827],{"id":826},"size","Size",[252,829,830,842],{},[255,831,832,246,835,838,839,618],{},[243,833,834],{},"Width",[243,836,837],{},"Height."," The element's dimensions (for example ",[389,840,841],{},"auto",[255,843,844,246,847,850,851,618],{},[243,845,846],{},"Min Width",[243,848,849],{},"Max Width."," Optional lower and upper bounds on width\n(default ",[389,852,627],{},[599,854,856],{"id":855},"position","Position",[252,858,859,868],{},[255,860,861,864,865,867],{},[243,862,863],{},"Position."," The CSS position (for example ",[389,866,627],{}," for default).",[255,869,870,873,874,618],{},[243,871,872],{},"Z-Index."," The stacking order (for example ",[389,875,841],{},[288,877,584],{"id":878},"advanced",[239,880,346,881,883],{},[243,882,584],{}," section is for finer, element-specific control.",[252,885,886,895,903,911,919,927,935],{},[255,887,888,891,892,618],{},[243,889,890],{},"Opacity."," A slider from 0–100% (for example ",[389,893,894],{},"100%",[255,896,897,900,901,618],{},[243,898,899],{},"Overflow."," How overflowing content is handled (default ",[389,902,627],{},[255,904,905,908,909,618],{},[243,906,907],{},"Cursor."," The mouse cursor shown over the element (default ",[389,910,627],{},[255,912,913,916,917,618],{},[243,914,915],{},"Visibility."," Whether the element is visible or hidden (default ",[389,918,627],{},[255,920,921,924,925,618],{},[243,922,923],{},"Transition."," A preset transition (for example ",[243,926,766],{},[255,928,929,931,932,618],{},[243,930,676],{}," A CSS transform (for example ",[389,933,934],{},"rotate(5deg) scale(1.1)",[255,936,937,940,941,944,945,948],{},[243,938,939],{},"Custom CSS."," A free-form CSS box (for example ",[389,942,943],{},"color: #ffffff; font-size: 48px; letter-spacing: -0.02em;",") that applies to ",[243,946,947],{},"this element only"," as an\ninline style.",[950,951,952,954,955,957,958,961],"note",{},[243,953,580],{}," here is an inline style — it applies to ",[243,956,947],{}," and\n",[243,959,960],{},"overrides the class rules"," from the CSS Class section.",[567,963,964,965,968],{},"After editing an element, remember to ",[243,966,967],{},"Publish (Save & Publish)"," so your changes\ngo live on your store.",[970,971,972],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sqsOY, html code.shiki .sqsOY{--shiki-light:#8796B0;--shiki-default:#B2CCD6;--shiki-dark:#B2CCD6}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":444,"searchDepth":464,"depth":464,"links":974},[975,976,977,978,979,985,991],{"id":290,"depth":464,"text":291},{"id":319,"depth":464,"text":320},{"id":342,"depth":464,"text":343},{"id":369,"depth":464,"text":370},{"id":588,"depth":464,"text":576,"children":980},[981,982,983,984],{"id":601,"depth":504,"text":602},{"id":695,"depth":504,"text":696},{"id":711,"depth":504,"text":712},{"id":754,"depth":504,"text":755},{"id":770,"depth":464,"text":771,"children":986},[987,988,989,990],{"id":779,"depth":504,"text":780},{"id":800,"depth":504,"text":801},{"id":826,"depth":504,"text":827},{"id":855,"depth":504,"text":856},{"id":878,"depth":464,"text":584},"Select any element on the page and fine-tune it, its text, classes, design, layout, and more, from the Element Properties panel, by hand or with Buddy.","md",null,{},true,{"title":57,"description":992},"C63OejnSNQIcid9HPPpJIIKG1H17O7ycwjXyaphW0p4",[1000,1002],{"title":53,"path":54,"stem":55,"description":1001,"children":-1},"Browse and add ready-made content blocks to your pages, dynamic data blocks, static sections, and basic elements, from the Builder's Blocks panel.",{"title":61,"path":62,"stem":63,"description":1003,"children":-1},"Review previous versions of your store and restore an earlier one whenever you need to.",1786462024973]