You MUST read the Babiato Rules before making your first post otherwise you may get permanent warning points or a permanent Ban.
Our resources on Babiato Forum are CLEAN and SAFE. So you can use them for development and testing purposes. If your are on Windows and have an antivirus that alerts you about a possible infection: Know it's a false positive because all scripts are double checked by our experts. We advise you to add Babiato to trusted sites/sources or disable your antivirus momentarily while downloading a resource. "Enjoy your presence on Babiato"
you can try import demo and geneate css
I have a licence of this theme, the latest version is 5.3.6 ( from official source)no, 5.7.0.2 is the latest version
you can setting this email in woocommerce/setting/emailsHow do I get email notifications when there is a new order? I already installed woocommerce and dokan for multivendor
CSS:
<style>
/**** Payment Table on product page ****/
.price-on-single-page td {
color: white;
padding-left: 10px;
padding-right: 10px;
}
table.price-on-single-page tbody.body-price-on-single-page span.woocommerce-Price-amount.amount {
color:white;
}
.row1-on-single-page td {
font-family: 'Poppins', sans-serif;
font-size: 11pt;
}
table.price-on-single-page tbody.body-price-on-single-page tr.row2-on-single-page td.column6-on-single-page {
background-color: red;
}
tbody.body-price-on-single-page {
background-color:#0b9444;
}
@media (min-width: 769px){
.card{
position: relative;
height: 285px;
width: 29.7%;
margin: 4px;
float: left;
color:white;
border-radius: 15px;
padding: 9px 2.5px;
transition: .8s;
}
}
.card:hover{
transform: scale(1.1);
}
.col-sm-4:nth-child(1) .card ,
.col-sm-4:nth-child(1) .card .title{
background-image: url("https://matrixstore.pk/wp-content/uploads/2021/01/Red-Background-1.png");
opacity: 100%;
background-repeat: no-repeat;
}
.col-sm-4:nth-child(2) .card,
.col-sm-4:nth-child(2) .card .title{
background-image: url("https://matrixstore.pk/wp-content/uploads/2021/01/Black-Background.png");
opacity: 100%;
background-repeat: no-repeat;
}
.col-sm-4:nth-child(3) .card,
.col-sm-4:nth-child(3) .card .title{
background-image: url("https://matrixstore.pk/wp-content/uploads/2021/01/Yellow-Background-1.png");
opacity: 100%;
background-repeat: no-repeat;
}
.col-sm-5:nth-child(1) .card ,
.col-sm-5:nth-child(1) .card .title{
background-image: url("https://matrixstore.pk/wp-content/uploads/2021/01/Red-Background-1.png");
opacity: 100%;
background-repeat: no-repeat;
}
.col-sm-5:nth-child(2) .card,
.col-sm-5:nth-child(2) .card .title{
background-image: url("https://matrixstore.pk/wp-content/uploads/2021/01/Black-Background.png");
opacity: 100%;
background-repeat: no-repeat;
}
.col-sm-5:nth-child(3) .card,
.col-sm-5:nth-child(3) .card .title{
background-image: url("https://matrixstore.pk/wp-content/uploads/2021/01/Yellow-Background-1.png");
opacity: 100%;
background-repeat: no-repeat;
}
@media (min-width: 769px){
.card::before{
content: '';
position: absolute;
border-style: solid;
border-color: white;
padding: 5px 10px;
left: 7px;
bottom: 4px;
border-radius: 15px;
right:4px;
top: 4px;
width: 93%;
height: 95%;
}
.option ul li {
margin: 0 0 0px;
padding: 0;
list-style: none;
color: #fff;
font-size: 19px;
}
}
.col-sm-4:nth-child(4) .card,
.col-sm-4:nth-child(4) .card .title{
display:none; }
.card a:hover{
text-decoration: none;
}
.card span.amount{
color: white
}
@media (min-width: 769px){
.title{
color: white;
font-size: 15px;
}
}
@media (max-width: 769px){
.title{
color: white;
font-size: 15px;
}
}
@media (min-width: 769px){
.col-sm-4 {
color: white;
position: relative;
max-width: 100%;
@media (max-width: 769px) {
.card {
color:white;
border-radius: 10px;
width: 33.33%;
height: 280px;
box-sizing: border-box;
float: left;
transition: .5s;
margin-bottom:10px;
}
}
@media (max-width: 769px) {
.option ul li {
margin: 0 0 0px;
list-style: none;
color: #fff;
font-size: 15px;
}
}
</style>
HTML:
<a href="https://matrixstore.pk/wp-content/uploads/2021/01/Upto-10-Off-500x100-2.png"><img class="alignnone wp-image-42393" src="https://matrixstore.pk/wp-content/uploads/2021/01/Upto-10-Off-500x100-2.png" alt="" width="606" height="86" /></a>
<section>
<div class="col-sm-4">
<div class="card text-center">
<div class="title"><strong><img src="https://matrixstore.pk/wp-content/uploads/2021/01/bank-transfer-icon-latest.svg" alt="bacs" width="150" height="150" />
Bank Transfer</strong></div>
<div class="option" align="center">
<ul>
<li style="list-style-type: none;">
<ul>
<li><i class="fa" style="font-size: 25px;"></i> You Pay:
[wcj_product_price_excluding_tax]</li>
</ul>
</li>
</ul>
<ul>
<li><i class="fa" style="font-size: 25px;"></i> You Save:
[wcj_product_price_excluding_tax multiply_by="0.10"]</li>
</ul>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="card text-center">
<div class="title"><strong><img src="https://matrixstore.pk/wp-content/uploads/2021/01/cod-icon-latest.svg" alt="cod" width="150" height="150" />
Cash On Delivery</strong></div>
<div class="option" align="center">
<ul>
<li style="list-style-type: none;">
<ul>
<li><i class="fa" style="font-size: 25px;"></i> You Pay:
[wcj_product_price_excluding_tax]</li>
</ul>
</li>
</ul>
<ul>
<li><i class="fa" style="font-size: 25px;"></i> You Save:
[wcj_product_price_excluding_tax multiply_by="0.0000000001"]</li>
</ul>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="card text-center">
<div class="title"><strong><img src="https://matrixstore.pk/wp-content/uploads/2021/01/card-icon-latest.png" alt="cod" width="60" height="60" />
Credit/Debit Card</strong></div>
<div class="option" align="center">
<ul>
<li style="list-style-type: none;">
<ul>
<li><i class="fa" style="font-size: 25px;"></i> You Pay:
[wcj_product_price_excluding_tax]</li>
</ul>
</li>
</ul>
<ul>
<li><i class="fa" style="font-size: 25px;"></i> You Save:
[wcj_product_price_excluding_tax multiply_by="0.05"]</li>
</ul>
</div>
</div>
</div>
</section>
It is not clear from your message what exactly does not work and how can you help?WoodMart header builder not working in version 5.3.6 tanx for help me
We get it, advertisements are annoying!
However in order to keep our huge array of resources free of charge we need to generate income from ads so to use the site you will need to turn off your adblocker.
If you'd like to have an ad free experience you can become a Babiato Lover by donating as little as $5 per month. Click on the Donate menu tab for more info.