How To Make A Fitness & Supplement Store Website Using WordPress 2025

7.5KSHARES

Product Shortcode (All Products)

[products limit=4 columns=4 orderby="rand" order="DESC""]

Product Shortcode (Best Selling Products)

[products limit="4" columns="1" orderby="popularity" class="quick-sale" on_sale="true" ]

Product Shortcode (Featured Products)

[products limit="3" columns="1" visibility="featured"]

Product Card Sale Style Css

.product-page-container span.woostify-tag-on-sale.onsale.sale-left {
    margin-left: 45px;
    margin-top: 8px;
}

Single Product Page image’s Style Css

.image-item img{
	width: 288px;
	height: 468px;
	object-fit: fill!important;
}

.image-item{
	background-color: white;
	padding: 30px;
	text-align: center;
}

Shop Page Style Css

.product-page-container span.woostify-tag-on-sale.onsale.sale-left {
    margin-left: 45px;
    margin-top: 8px;
}

.product-loop-image{
    width: 131px;
    height: 222px!important;
    object-fit: fill;
}

.product-loop-wrapper{
    padding-top: 12px;
    background-color: #fff;
}

.woocommerce-loop-product__category{
    font-size: 12px!important;
    font-family: 'Inter', 'Sans-Serif';
}

.woocommerce-loop-product__category a{
    color: #605b58;
    
}
.woocommerce-loop-product__title{
    font-weight: 500;
}

Account Form Eye Icon Style Css

button.show-password-input {
    padding: 0;
    background: rgba(0,0,0,0);
    border: none;
    color: #000;
}
button.show-password-input:hover{
    padding: 0;
    background: rgba(0,0,0,0);
    border: none;
    color: #000;
}
.woocommerce-MyAccount-content .woocommerce-EditAccountForm button[type=submit] {
    padding: 0 32px;
}

Single Product Page topBar Style Css

.single-product.right-sidebar .content-top, .single-product.left-sidebar .content-top {
	background-color: #f8f8f8 !important;
}