css • Design Box Digital

Adding Custom Fonts to Shopify

So you're building the perfect website in Shopify for your business, and everything is on…

Design Box29/11/2022

img:is([sizes="auto" i]){contain-intrinsic-size:3000px 1500px;}#page-header-bg h1,#page-header-bg .subheader,.nectar-box-roll .overlaid-content h1,.nectar-box-roll .overlaid-content .subheader,#page-header-bg #portfolio-nav a i,body .section-title #portfolio-nav a:hover i,.page-header-no-bg h1,.page-header-no-bg span,#page-header-bg #portfolio-nav a i,#page-header-bg span,#page-header-bg #single-below-header a:hover,#page-header-bg #single-below-header a:focus,#page-header-bg.fullscreen-header .author-section a{color:#fff !important;}body #page-header-bg .pinterest-share i,body #page-header-bg .facebook-share i,body #page-header-bg .linkedin-share i,body #page-header-bg .twitter-share i,body #page-header-bg .google-plus-share i,body #page-header-bg .icon-salient-heart,body #page-header-bg .icon-salient-heart-2{color:#fff;}#page-header-bg[data-post-hs="default_minimal"] .inner-wrap > a:not(:hover){color:#fff;border-color:rgba(255,255,255,.4);}.single #page-header-bg #single-below-header > span{border-color:rgba(255,255,255,.4);}body .section-title #portfolio-nav a:hover i{opacity:.75;}.single #page-header-bg .blog-title #single-meta .nectar-social.hover > div a,.single #page-header-bg .blog-title #single-meta > div a,.single #page-header-bg .blog-title #single-meta ul .n-shortcode a,#page-header-bg .blog-title #single-meta .nectar-social.hover .share-btn{border-color:rgba(255,255,255,.4);}.single #page-header-bg .blog-title #single-meta .nectar-social.hover > div a:hover,#page-header-bg .blog-title #single-meta .nectar-social.hover .share-btn:hover,.single #page-header-bg .blog-title #single-meta div > a:hover,.single #page-header-bg .blog-title #single-meta ul .n-shortcode a:hover,.single #page-header-bg .blog-title #single-meta ul li:not(.meta-share-count):hover > a{border-color:rgba(255,255,255,1);}.single #page-header-bg #single-meta div span,.single #page-header-bg #single-meta > div a,.single #page-header-bg #single-meta > div i{color:#fff !important;}.single #page-header-bg #single-meta ul .meta-share-count .nectar-social a i{color:rgba(255,255,255,.7) !important;}.single #page-header-bg #single-meta ul .meta-share-count .nectar-social a:hover i{color:rgba(255,255,255,1) !important;}body[data-bg-header="true"].category .container-wrap,body[data-bg-header="true"].author .container-wrap,body[data-bg-header="true"].date .container-wrap,body[data-bg-header="true"].blog .container-wrap{padding-top:var(--container-padding) !important;}.archive.author .row .col.section-title span,.archive.category .row .col.section-title span,.archive.date .row .col.section-title span{padding-left:0;}body.author #page-header-wrap #page-header-bg,body.category #page-header-wrap #page-header-bg,body.tag #page-header-wrap #page-header-bg,body.date #page-header-wrap #page-header-bg{height:auto;padding-top:8%;padding-bottom:8%;}.archive #page-header-wrap{height:auto;}.archive.category .row .col.section-title p,.archive.tag .row .col.section-title p{margin-top:10px;}body[data-bg-header="true"].archive .container-wrap.meta_overlaid_blog,body[data-bg-header="true"].category .container-wrap.meta_overlaid_blog,body[data-bg-header="true"].author .container-wrap.meta_overlaid_blog,body[data-bg-header="true"].date .container-wrap.meta_overlaid_blog{padding-top:0 !important;}#page-header-bg[data-alignment="center"] .span_6 p{margin:0 auto;}body.archive #page-header-bg:not(.fullscreen-header) .span_6{position:relative;-webkit-transform:none;transform:none;top:0;}.blog-archive-header .nectar-author-gravatar img{width:125px;border-radius:100px;}.blog-archive-header .container .span_12 p{font-size:min(max(calc(1.3vw),16px),20px);line-height:1.5;margin-top:.5em;}body .page-header-no-bg.color-bg{padding:5% 0;}.blog-archive-header.color-bg .col.section-title{border-bottom:0;padding:0;}.blog-archive-header.color-bg *{color:inherit !important;}.nectar-archive-tax-count{position:relative;padding:.5em;transform:translateX(.25em) translateY(-.75em);font-size:clamp(14px,.3em,20px);display:inline-block;vertical-align:super;}.nectar-archive-tax-count:before{content:"";display:block;padding-bottom:100%;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100px;background-color:currentColor;opacity:.1;}@media only screen and (min-width:1000px){body #ajax-content-wrap.no-scroll{min-height:calc(100vh - 106px);height:calc(100vh - 106px) !important;}}@media only screen and (min-width:1000px){#page-header-wrap.fullscreen-header,#page-header-wrap.fullscreen-header #page-header-bg,html:not(.nectar-box-roll-loaded) .nectar-box-roll > #page-header-bg.fullscreen-header,.nectar_fullscreen_zoom_recent_projects,#nectar_fullscreen_rows:not(.afterLoaded) > div{height:calc(100vh - 105px);}.wpb_row.vc_row-o-full-height.top-level,.wpb_row.vc_row-o-full-height.top-level > .col.span_12{min-height:calc(100vh - 105px);}html:not(.nectar-box-roll-loaded) .nectar-box-roll > #page-header-bg.fullscreen-header{top:106px;}.nectar-slider-wrap[data-fullscreen="true"]:not(.loaded),.nectar-slider-wrap[data-fullscreen="true"]:not(.loaded) .swiper-container{height:calc(100vh - 104px) !important;}.admin-bar .nectar-slider-wrap[data-fullscreen="true"]:not(.loaded),.admin-bar .nectar-slider-wrap[data-fullscreen="true"]:not(.loaded) .swiper-container{height:calc(100vh - 104px - 32px) !important;}}.admin-bar[class*="page-template-template-no-header"] .wpb_row.vc_row-o-full-height.top-level,.admin-bar[class*="page-template-template-no-header"] .wpb_row.vc_row-o-full-height.top-level > .col.span_12{min-height:calc(100vh - 32px);}body[class*="page-template-template-no-header"] .wpb_row.vc_row-o-full-height.top-level,body[class*="page-template-template-no-header"] .wpb_row.vc_row-o-full-height.top-level > .col.span_12{min-height:100vh;}.row .col img.img-with-animation.nectar-lazy:not([srcset]){width:100%;}textarea{border-radius:15px;}body .portfolio-items .col .work-info .vert-center p{display:none;}h1 strong{color:#5dd4d4 !important;}#ssa-widget-email-label{color:#fff !important;font-family:"Montserrat";}#ssa-widget-domain-label{color:#fff !important;font-family:"Montserrat";}#ssa-widget-agree-label{color:#fff !important;font-family:"Montserrat";}ssa-leadgen-widget__btn-to-step1{color:#fff !important;font-family:"Montserrat";}#ssa-widget-domain .ssa-leadgen-widget__input{color:#fff !important;font-family:"Montserrat";}#ssa-widget{border:0px;}.rplg-biz-based-text{display:none !important;}.rplg-badge2-border{display:none !important;}.section-down-arrow{display:none !important;}.comments-link{color:#000 !important;}.grecaptcha-badge{display:hidden !important;}.wp-google-rating{display:none !important;}

Adding Custom Fonts to Shopify

Recent Posts

Categories

Archives