Labelle Shopify Theme

Please click here if you are not redirected within a few seconds.

4 Differents Homes

Shop Pages

Product Pages

body { font-family: 'Raleway', sans-serif; } svg { margin-bottom: 14px; width: 400px; height: auto; } h1 { font-weight: 700; font-size: 100px; text-transform: uppercase; } a, a:hover{ color: #000; text-decoration: none; } .page-header { padding: 100px 0; margin: 0 auto; border-bottom: none; background-color: #000; background-position: top center; background-image: url("img/landing.jpg"); -webkit-box-shadow: inset 0px 0px 30px -4px rgba(0,0,0,0.19); -moz-box-shadow: inset 0px 0px 30px -4px rgba(0,0,0,0.19); box-shadow: inset 0px 0px 30px -4px rgba(0,0,0,0.19); } .theme-title { max-width: 560px; } .theme-title > img { margin-bottom: 40px; } .theme-title h2 { font-size: 29px; color: #ffffff; font-weight: 400; margin-bottom: 50px; font-family: "Playfair Display","Playfair Display",serif; letter-spacing: 5px; } .home-version { padding: 90px 0 0 0; background-image: url(assets/images/subtle-white-feathers.png); } .body-wrapper { padding: 0 20px; } .theme-info,.footer-content{ padding: 20px 19.5% 40px 19.5%; font-size: 24px; line-height: 40px; color: #000; /*color: #e5e5e5;*/ } .theme-title h1{ margin-bottom: 0; } .theme-title { position: relative; z-index: 1; } .buy-theme,.doc-theme { padding: 10px 30px; font-size: 18px; font-family: 'Raleway', sans-serif; display: inline-block; text-transform: uppercase; letter-spacing: 2px; /*border: 2px solid #fed700;*/ } .doc-theme { border: 2px solid #fff; color: #fff; margin-left: 20px; } .buy-theme { border: 2px solid #648683; background-color: #648683; color: #fff; transition: all 0.5s ease-in-out 0s; } .buy-theme:hover{ border: 2px solid #826464; background-color: #826464; color: #fff; } .doc-theme:hover{ border: 2px solid #fff; background-color: #fff; color: #fff; } .buy-theme:focus { /*color: #fff;*/ text-decoration: none; } .buy-theme i { padding-left: 10px; } .pizzaro-option .content a img{ width: 100%; border: 10px solid #dadada; } .pizzaro-option .content { max-height: 1529px; overflow: hidden; } .pizzaro-option .content a { display: block; background-color: #fff; } .pizzaro-option h4 { margin: 34px 0 44px 0; } .pizzaro-option { padding: 70px 0; } .pizzaro-option .content a:hover img { opacity: 0.8; } .shop-page { background-image: url(assets/images/old-wall.png); } .shop-page .verson { margin-bottom: 40px; } .shop-page .verson .browser-window { height: 600px; } .shop-page .verson .browser-window .content a { height: 570px; } .view-demo { display: block; text-transform: capitalize; margin-top: 30px; } .view-demo i { display: block; font-size: 20px; padding-top: 6px; } .theme-title h3 { text-transform: uppercase; letter-spacing: 1px; color: #afafaf; } h3 { margin-top: 0; } h4 { font-weight: 500; } .home-version h4 { font-size: 24px; margin-top: 32px; font-weight: bold; margin-bottom: 50px; letter-spacing: 3px; font-family: "Playfair Display","Playfair Display",serif; } .home-version h4 a { color: #333; } .demo { padding: 30px 0; } .headings { text-align: center; margin-bottom: 56px; } .headings h2 { font-size: 37px; font-weight: normal; margin-bottom: 24px; text-transform: uppercase; letter-spacing: 5px; color: #648683; font-weight: 500; font-family: "Playfair Display","Playfair Display",serif; } .unique-shop img { max-width: 100%; } .shop-page h4 { font-size: 24px; letter-spacing: 3px; font-family: "Playfair Display","Playfair Display",serif; } .shop-page h4 a { color: #000000; } .single-product .headings .content { font-size: 24px; letter-spacing: 1.2px; line-height: 28px; opacity: 0.7; font-weight: 100; padding: 0 100px; margin: 0 auto; max-width: 1200px; } .single-product h4 { font-size: 24px; letter-spacing: 3px; font-family: "Playfair Display","Playfair Display",serif; } .single-product h4 a { color: #000000; } .headings .content { font-size: 24px; letter-spacing: 1.2px; line-height: 28px; padding: 0 100px; font-weight: 300; } h4{ text-transform: uppercase; margin: 20px 0; color: #c00a27; } .verson .browser-window { height: 435px; } .verson .browser-window .content a { height: 406px; } .single-product .headings{ color: #fff; } .single-product .browser-window { height: 480px; } .single-product .browser-window .content a { height: 450px; } .single-product .verson { margin-bottom: 40px; } .home-version .browser-window { height: 480px; } .home-version .browser-window .content a { height: 450px; } .verson .browser-window .content a, .demo .browser-window .content a, .home-version .browser-window .content a { overflow: hidden; } .verson .browser-window .content a:hover, .demo .browser-window .content a:hover, .home-version .browser-window .content a:hover { overflow-y: scroll; } @media (max-width:1280px) { .home-version .browser-window { height: 290px; } .home-version .browser-window .content a { height: 260px; } .shop-page .verson .browser-window { height: 450px; } .shop-page .verson .browser-window .content a { height: 420px; } } .buy-pizzaro { padding: 80px 0; display: block; position: relative; background-color: #f4f4f4; -webkit-box-shadow: inset 0px 0px 30px -4px rgba(0,0,0,0.19); -moz-box-shadow: inset 0px 0px 30px -4px rgba(0,0,0,0.19); box-shadow: inset 0px 0px 30px -4px rgba(0,0,0,0.19); } .buy-pizzaro h1 { font-size: 32px; color: #648683; font-family: "Playfair Display","Playfair Display",serif; text-transform: uppercase; letter-spacing: 5px; } .box { position: relative; } .ribbon { position: absolute; left: -5px; top: -5px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right; } .ribbon span { font-size: 8px; font-weight: normal; color: #fff; text-transform: uppercase; font-family: 'Poppins', sans-serif; text-align: center; line-height: 20px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 100px; display: block; letter-spacing: 0.6px; background: #648683; background: linear-gradient(#648683 0%, #648683 100%); /*box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);*/ position: absolute; top: 19px; left: -21px; } .ribbon span::before { content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #648683; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #648683; } .ribbon span::after { content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #648683; border-bottom: 3px solid transparent; border-top: 3px solid #648683; } .footer { padding: 40px 0; background-color: #202020; color: #fff; } .footer .made-love{ line-height: 32px; color: #fff; } .footer .made-love i { color: #ea1b25; font-size: 24px; padding-left: 4px; } .footer .copyright{ font-size: 14px; color: #848484; padding-left: 4px; letter-spacing: 0.4px; } .footer h1 { font-size: 60px; margin-bottom: 30px; } .browser-window a { display: block; } .browser-window img { width: 101%; } .browser-window { text-align: left; width: 100%; display: inline-block; border-radius: 0; background-color: #fff; box-shadow: 0 0 0 3px #e7e7e6; } .browser-window .top-bar { height: 30px; border-radius:0; border-top: thin solid #eaeae9; border-bottom: thin solid #dfdfde; background: linear-gradient(#e7e7e6, #e2e2e1); } .browser-window .circle { height: 8px; width: 8px; display: inline-block; border-radius: 50%; background-color: white; } .browser-window .circles { margin: 5px 11px; } .browser-window .circle-red { background-color: #e11d21; } .browser-window .circle-green { background-color: #009800; } .browser-window .circle-yellow { background-color: #fbca04; } .browser-window .content { margin: 0; width: 100%; min-height: 50%; display: inline-block; border-radius: 0 0 5px 5px; background-color: #fafafa; } .clear { clear: both; }

Fashion Shopify Theme

4 Differents Homes

Home ^v1

Home ^v2

Home ^v3

Home ^v4

Shop Pages

Collection Grid View

Collection List View

Product Pages

Product Style ^v1

Product Style ^v2