Hi,
First of all,
Open this CSS file:
148.208.233.22/compumall/public/templates/rt_mercado_j16/css/demo-styles.css
and find these CSS rules:
body .floatleft {float: left !important;margin-right: 15px;margin-left: 0;}
body .floatright {float: right !important;margin-left: 15px;margin-right: 0;}
and change them with these:
body .floatleft {float: left !important;margin-right: 0px;margin-left: 0;}
body .floatright {float: right !important;margin-left: 0px;margin-right: 0;}
then open this PHP file:
148.208.233.22/compumall/public/templates/rt_mercado_j16/html/com_virtuemart/productdetails/default.php
and change the
<div id="FlexibleDetailsRight" class="width30 floatright">
with this
<div id="FlexibleDetailsRight" class="width60 floatright">
and change the
<div class="width30 floatleft FlexibleProductDetailsLeft" id="FlexibleDetailsLeft">
with this
<div class="width40 floatleft FlexibleProductDetailsLeft" id="FlexibleDetailsLeft">
Don't touch the width40 and width60 values. otherwise you will have problem with ENLARGE IMAGE features.
And if you want to FIX the font line-height issue in the product name;
open this CSS file:
148.208.233.22/compumall/public/templates/rt_mercado_j16/html/com_virtuemart/assets/css/flexibleVM2Global.css
and find this CSS rule:
.FlexibleProductDetailProductName {
font-size:28px;
margin:0 0 5px 0;
}
and change it with this:
.FlexibleProductDetailProductName {
font-size:28px;
margin:0 0 5px 0;
line-height:30px;
}
The result will be: