Artemis Shopify Theme

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

body { font-family: 'Lato', sans-serif; } svg { margin-bottom: 14px; width: 400px; height: auto; } h1 { font-weight: 700; font-size: 100px; text-transform: uppercase; } a, a:hover{ color: #fff; text-decoration: none; } .page-header { padding: 100px 0; margin: 0 auto; border-bottom: none; background-color: #ffffff; background-position: center center; background-image: url("img/landing.jpg"); } .theme-title { text-align: center; } .theme-title > img { margin-bottom: 40px; } .theme-title h2 { font-size: 16px; color: #000; font-weight: 900; letter-spacing: 6px; margin-top: 0; text-transform: uppercase; margin-bottom: 30px; font-family: "Lato",Arial,Helvetica,sans-serif; } .home-version { padding: 90px 0 30px 0; background-image: url(assets/images/subtle-white-feathers.png); } .body-wrapper { padding: 0 20px; } .body-wrapper .row .col-md-6:nth-child(2n + 1) { clear: both; } .theme-info,.footer-content{ padding: 20px 19.5% 40px 19.5%; font-weight: 400; font-size: 24px; line-height: 40px; color: #333333; /*color: #e5e5e5;*/ } .theme-title h1{ margin-bottom: 0; } .theme-title { position: relative; z-index: 1; } .buy-theme,.doc-theme { padding: 10px 30px; font-size: 16px; letter-spacing: 2px; font-family: 'Lato', sans-serif; display: inline-block; text-transform: uppercase; } .doc-theme { border: 2px solid #fff; color: #fff; margin-left: 20px; } .buy-theme { border: 2px solid #000; background-color: #000; color: #fff; transition: all 0.5s ease-in-out 0s; } .buy-theme:hover{ border: 2px solid #4d4d4d; background-color: #4d4d4d; 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; } .home-version h4 { font-size: 16px; font-weight: 900; margin-top: 32px; margin-bottom: 70px; letter-spacing: 3px; text-transform: uppercase; } .home-version h4 a { color: #333; } .demo { padding: 70px 0; } .headings { text-align: center; margin-bottom: 86px; } .headings h2 { font-size: 32px; font-weight: normal; margin-bottom: 24px; text-transform: uppercase; } .unique-shop img { max-width: 100%; } .headings .content { font-size: 24px; letter-spacing: 1.2px; line-height: 28px; padding: 0 100px; font-weight: 300; } h4{ margin: 20px 0; color: #151515; } .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: #f5f5f5; background-position: top center; } .buy-pizzaro h1 { font-size: 32px; color: #151515; letter-spacing: 2px; text-transform: capitalize; } .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: #ffffff; text-transform: uppercase; font-family: 'Lato', sans-serif; text-align: center; line-height: 20px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 100px; display: block; letter-spacing: 0.6px; background: #ff5f27; background: linear-gradient(#ff5f27 0%, #ff5f27 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 #c2d44e; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #c2d44e; } .ribbon span::after { content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #00abc5; border-bottom: 3px solid transparent; border-top: 3px solid #00abc5; } .footer { padding: 40px 0; background-color: #24282e; 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; }

Responsive Ecommerce Shopify Theme

Home Page ^v1

Home Page ^v2

Home Page ^v3

Home Page ^v4

Home Page ^v5

Home Page ^v6

Home Page ^v7

Home Page ^v8

Home Page ^v9

Home Page ^v10

Home Page ^v11

Home Page ^v12

Home Page ^v13

Home Page ^v14

Collection Grid

Product Page

Blog Page

Look Book Page