Hi,
Please, use this css into your custom css
.j2store-single-product.variable .product-content {
padding-top: 57px;
}
.j2store-single-product.variable .product-content .product-sku span {
font-size: 14px;
letter-spacing: 1.87px;
}
.j2store-single-product.variable .product-content .product-title {
margin: 0 0 20px;
}
.j2store-single-product.variable .product-content .price-sku-brand-container {
margin: 0 -15px;
border: 0;
padding: 0;
}
.j2store-single-product.variable .product-content .product-decs .product-sdesc {
font-size: 14px;
color: #4A4A4A;
}
.j2store-single-product.variable .product-content .product-price {
margin: 28px 0 10px;
}
.j2store-single-product.variable .product-content .product-price .sale-price {
font-size: 26px;
}
.j2store-single-product.variable .product-content .j2store-addtocart-form {
position: relative;
}
.j2store-single-product.variable .product-content .j2store-addtocart-form .options span {
display: none;
}
.j2store-single-product.variable .product-content .j2store-addtocart-form .options span.j2error {
display: inline-block;
font-style: normal;
background: #eea236;
color: #fff;
padding: 5px 15px;
margin-bottom: 35px;
border-radius: 3px;
}
.j2store-single-product.variable .product-content .j2store-addtocart-form .options br {
display: none;
}
.j2store-single-product.variable .product-content .j2store-addtocart-form .options input {
display: none;
}
.j2store-single-product.variable .product-content .j2store-addtocart-form .options b {
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1.87px;
display: inline-block;
width: 110px;
}
.j2store-single-product.variable .product-content .j2store-addtocart-form .options label {
font-size: 14px;
border: 1px solid #EDEDED;
display: inline-block;
letter-spacing: 1.87px;
text-transform: uppercase;
padding: 5px 10px;
line-height: 1;
margin-bottom: 0;
margin-right: 4px;
cursor: pointer;
}
.j2store-single-product.variable .product-content .j2store-addtocart-form .options .option {
margin-bottom: 15px;
}
.j2store-single-product.variable .product-content .cart-action-complete {
padding: 10px 25px;
bottom: -80px;
width: 59.3%;
}
.j2store-single-product.variable .product-content .cart-action-complete p {
padding: 0;
}
.j2store-single-product.variable .nav.nav-tabs {
border-bottom: 0;
margin: 94px 0 20px;
}
.j2store-single-product.variable .nav.nav-tabs li {
margin: 0 18px 0 0;
}
.j2store-single-product.variable .nav.nav-tabs li a {
padding: 0;
border-width: 0 0 2px;
border-color: transparent;
color: #AFAFAF;
font-size: 20px;
font-weight: 600;
padding-bottom: 7px;
}
.j2store-single-product.variable .nav.nav-tabs li a:hover,
.j2store-single-product.variable .nav.nav-tabs li a:focus {
background: transparent;
}
.j2store-single-product.variable .tab-content div,
.j2store-single-product.variable .tab-content p {
font-size: 14px;
color: #4A4A4A;
font-weight: 300;
}
.j2store-single-product.variable .tab-content .table.table-striped {
margin-top: 29px;
}
.j2store-single-product.variable .sp-module.banner-ad-2 {
margin-top: 102px;
}
.j2store-single-product.variable .sp-module .sppb-section .sppb-section-title {
margin-bottom: 50px;
}
.j2store-single-product.variable .sp-module .sppb-section .sppb-section-title .sppb-title-subheading {
font-size: 14px;
color: #333333;
letter-spacing: 1.87px;
text-transform: uppercase;
}
The bottom sections ain't included in this category . But if you want that please use this code
<!-- Custom Module Position -->
<?php
jimport('joomla.application.module.helper');
$modules = JModuleHelper::getModules('shopin-product-details');
$attribs['style'] = 'sp_xhtml';
foreach ($modules as $key => $module) {
echo JModuleHelper::renderModule($module, $attribs);
}
?>
<!-- Custom Module Position -->
into the marked location
templates/shaper_shopin/html/com_j2store/templates/bootstrap3/view_variable.php
https://prnt.sc/ilpp18
-Thanks