How to make a Perfumes Shop Using Elementor Free

22.1KSHARES

Website Default Style CSS

html,body{
    overflow-x: hidden;
}
.elementor-page .page-header {
    display: none;
}

.elementor-icon, .elementor-icon-wrapper  {
    line-height: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

.main-navigation ul.sub-menu a {
    font-size: 14px;
}
/*== Shop Page ==*/
.product-loop-wrapper {
    background: #F8F1EA;
    padding: 24px 28px 40px;
}

.woocommerce-loop-product__title {
    font-family: inherit !important;
	  letter-spacing: -0.03em;
}

.product .product-loop-content {
  padding: 0;
	margin-top: 30px;
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
    border-color: #f8f1ea;
}

.wp-block-search__button {
    border-color: #f8f1ea;
}

label.wp-block-search__label {
    font-family: inherit;
    font-weight: 700;
    color: #2b2b2b;
}

.woostify-tag-on-sale {
    background: #4B4036;
}

a.loop-add-to-cart-on-image.ajax_add_to_cart {
    transform: translate(-50%, 200%);
}

/*== header ==*/

.main-navigation .primary-navigation {
    text-align: center;
}

/*== Product list ==*/


ul.products {
    display: flex;
	flex-wrap:wrap;
}

.product-loop-wrapper {
    height: 100%;
}

/*== Shop Single ==*/
.product-images {
    background: #fff;
}

/*== blog Page ==*/

.blog .post-loop .entry-header-item img {
    max-height: 248px;
    object-fit: cover;
}

span.post-read-more a {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none !important;
}

.post-loop .entry-header {
    text-align: left;
}

.blog .entry-summary {
    text-align: left;
    padding: 0 !important;
}

/*== Single Blog ==*/
.post-loop .post-cover-image img {
    max-height: 460px;
}

.related-box .related-post img {
    width: 100%;
}


/*== Footer ==*/
ul.wp-block-social-links {
    padding: 0;
	
}

.wp-block-social-links a.wp-block-social-link-anchor{
	display: flex;
	align-items: center;
	gap: 8px;
}

.wp-block-social-links a.wp-block-social-link-anchor svg {
    fill: #B2A69B;
}

.footer-widget .wp-block-heading.has-text-color.has-link-color {
    font-weight: 400;
}

Product Shortcode For All Products

[products limit="8" order="DESC" columns="4" class="quick-sale" orderby="date"]

Product Shortcode For New Arrival Products

[featured_products limit="2" columns="2"  class="featured-product"]

Banner Text Style CSS

Banner Text Style CSS Class

noWrap

Product Category Style CSS

.product-categories .jkit-category-thumbnail {
    margin: auto;
}
.product-categories  .jkit-product-category-content {
    margin-top: 20px;
}

.product-categories .jkit-product-categories {
    display: flex !important;
}

.product-categories .jkit-product-category-content {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.product-categories span.jkit-product-category-count::after {
    content: ' ITEMS';
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

Product Category Style CSS Class

product-categories

Product Grid Style CSS

.quick-sale .star-rating {
    display: none;
}

.featured-product .product-loop-wrapper {
    background: #fff;
}