How to Make a Furniture Website using WordPress 2025 – Muhammad Abu Bakkar

How to Make a Furniture Website using WordPress 2026

This is a website interface for a furniture company, likely created using a WordPress eCommerce template.
Design & Functionality: The layout showcases a “Quality Furniture for Every Room” section, featuring a mix of modern chairs, tables, and ambient lighting.
eCommerce Tools: The interface includes a “Best selling Furniture” section and “Product Information” areas, typical of WooCommerce-based online stores.
Media & Prompts: The visual includes a prominent video player placeholder and a search bar to help customers locate specific items.

Product Shortcode (Feature Products)

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

Product Shortcode (Trendy Products)

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

Testimonial Style Css

<style>
.testimonial .e-n-carousel:after{
    content: "";
    height: calc(100% - 20px);
    width: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #A5A5A4;
    z-index: 3;
}

.testimonial .e-n-carousel:before{
    content: "";
    height: calc(100% - 20px);
    width: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #F6F6F6;
    z-index: 2;
}


.testimonial .e-n-carousel{
    margin-bottom: 48px;
}

.testimonial .swiper-pagination-bullet{
    border-radius: 0px;
    width: 8px;
    height: 3px;
    opacity: 1;
}

.testimonial .swiper-pagination-bullet-active{
    width: 23px;
    background-color: #4C4C4C;
}


@media (max-width:767px){


.testimonial .e-n-carousel:after, .testimonial .e-n-carousel:before{
    display: none;
}

}
</style>

Countdown Style Css

.countdown .timer-inner-container{
    margin-left: 0!important;
}

Product Card Style Css

.products-items .product-loop-image{
/*     width: 177px;
    height: 212px!important; */
    object-fit: fill;
}

.products-items .woocommerce-loop-product__title{
    font-family: "El Messiri", Sans-Serif;
    font-weight: 700;
    
}

.products-items .product-loop-wrapper{
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    /*background-color: #F6F6F6;*/
    
}

.product-loop-image-wrapper{
    background-color: #F6F6F6;
    height: 
    350px;
    display: flex!important;
    align-items: center !important;
    justify-content: center;
    border-radius: 18px 18px 18px 18px;
}

.product-loop-content{
    padding: 14px 0 20px; 
}

.add_to_cart_button, .products-items .added_to_cart{
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 6px 6px 6px 6px!important;
    padding: 10px 14px 10px 14px;
    color: #141414!important;
    border-color: #C8C8C880;
    transition: all 0.2s;
    background-color: transparent!important;
}
.product-page-container span.woostify-tag-on-sale.onsale.sale-left {
    margin-left: 45px;
    margin-top: 8px;
}

.add_to_cart_button:hover , .products-items .added_to_cart:hover{
    color: #0B7E8A!important;
    border-color: #0B7E8A!important;
}

.woocommerce-Price-amount{
    font-weight: 700;
}

Contact Page Icon List Style Css

<style>
.icon-box  .elementor-icon-box-title{
    margin-top: 0;
}
</style>

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;
}

Muhammad Abu Bakkar

How to Make a Furniture Website using WordPress 2026

Product Shortcode (Feature Products)

Product Shortcode (Trendy Products)

Testimonial Style Css

Countdown Style Css

Product Card Style Css

Contact Page Icon List Style Css

Account Form Eye Icon Style Css

Recently Post

Muhammad Abu Bakkar

Quick Link

Services

Contact Info

abakkar1357@gmail.com

+88 01751-950939

Dhaka, Bangladesh