Skip to content

Instantly share code, notes, and snippets.

View ae-elaine-axis's full-sized avatar

ae-elaine-axis

View GitHub Profile
@ae-elaine-axis
ae-elaine-axis / Ecwid CSS
Created May 28, 2018 15:32
Display products RTL in grid
.grid__products {
flex-direction: row-reverse
}
@ae-elaine-axis
ae-elaine-axis / Ecwid CSS
Created May 21, 2018 19:43
Footer menu on the top
.ec-size .ec-store__category-page .ec-store__content-wrapper {
display: flex;
flex-direction: column;
}
.ec-size .ec-store__category-page .ec-grid {
order: 2;
}
.ec-size .ec-store__category-page .ec-pager {
@ae-elaine-axis
ae-elaine-axis / Ecwid CSS
Last active May 18, 2018 10:54
Change the color of the counter in the new Cart icon on Starter Site
/* change the color of the Cart icon */
.ec-minicart__icon .icon-default path[stroke], html#ecwid_html body#ecwid_body .ec-minicart__icon .icon-default circle[stroke] {
stroke: #900020}
/* change the color of the Search icon */
.float-icons > div a {
color: #900020;
}
/* add the outline around the icons */
@ae-elaine-axis
ae-elaine-axis / gist:1789779a1fab9f2ec523503c4512b11e
Created March 2, 2018 09:51
Show order subtotal in cart all the time, not just on hover
div.ecwid-minicart-mini-rolloverContainer {
display: block !important;
}
.ecwid-minicart-mini-count {
display: none !important;
}
@ae-elaine-axis
ae-elaine-axis / Ecwid CSS
Created February 27, 2018 09:59
Display "Free" instead of $0 product price
.ecwid-productBrowser-productsGrid-cell-zeroPrice .ecwid-productBrowser-price-value {
font-size:0px;
}
.ecwid-productBrowser-productsGrid-cell-zeroPrice .ecwid-productBrowser-price-value:after {
content:'free';
font-size:26px;
}
@ae-elaine-axis
ae-elaine-axis / Ecwid CSS
Created January 16, 2018 08:40
New product list: the same number of categories in the first row
.grid__categories {
&[data-cols="1"] {
.grid-category {
@include grid-category-settings(2, 2);
}
}
@for $i from 2 through 10 {
&[data-cols="#{$i}"] .grid-category {
@include grid-category-settings($i, $i);
@ae-elaine-axis
ae-elaine-axis / Ecwid CSS
Created November 24, 2017 14:33
Hide Starter Site
body.ecwid-customer-loggedOut.starter-site,
body.ecwid-customer-loggedIn.starter-site {
display: none;
}
@ae-elaine-axis
ae-elaine-axis / Ecwid CSS
Created November 15, 2017 18:40
Reduce the image size in product details page
.ecwid-productBrowser-ProductPage .ecwid-imgLoaded {
width: 50% !important;
}
@ae-elaine-axis
ae-elaine-axis / New Starter Site
Created November 15, 2017 14:56
Round corners for images in grid
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__bg,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__bg-color,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__bg-image,
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__shadow {
border-radius: 20px;
}
@ae-elaine-axis
ae-elaine-axis / Ecwid CSS
Created November 13, 2017 09:57
Remove gray layer from cover image
.hero .background::after {
background-color: transparent;
}