Hi,
It is because you were using a Virtuemart Ready template already, this is why. You should have used a ordinary Joomla template, because you are making that ordinary joomla template as "Virtuemart Ready" by applying our VM Template.
First of all, open this CSS file:
gorast.com/nikoNEW/templates/gk_yourshop/css/vm.css
Remove every single rules in this CSS file (make it empty, but don't delete the CSS file itself. Also don't forget to create a backup of it, in case you might need some of those CSS rules in some places)
Once you delete the CSS rules in that CSS file, our VM Template will start to take the control alone. And everything will look much better.
In addition to that, you can also do that:
Open this CSS file:
gorast.com/nikoNEW/templates/gk_yourshop/css/joomla.css
Find all the CSS rules that include this:
and eliminate it.
For instance, replace this CSS rule:
div.pagination ul,div#bottom-pagination ul {
margin: 10px 0 0 0;
padding: 3px 0;
width: auto;
text-align: center;
}
with this:
div.pagination ul {
margin: 10px 0 0 0;
padding: 3px 0;
width: auto;
text-align: center;
}
I am seeing there are 4 or 5 more in joomla.css file.
Also do the same thing in this CSS file as well:
gorast.com/nikoNEW/templates/gk_yourshop/css/style3.css
For instance replace this CSS rule:
#article-index ul li:hover, div.pagination ul li:hover, div#bottom-pagination ul li:hover {
background: none repeat scroll 0% 0% #0098CA;
border: 1px solid #0079A1;
}
with this:
#article-index ul li:hover, div.pagination ul li:hover {
background: none repeat scroll 0% 0% #0098CA;
border: 1px solid #0079A1;
}
To make things easier; i would suggest you to use Mozilla Firebug plugin to figure out what CSS rules more you need to eliminate from your joomla template, to make things appear exactly how you see in our DEMO. More info about firebug, check this page:
www.flexiblewebdesign.com/forum-virtuemart-2-template-puremart-support/342-using-firebug-for-customization-or-troubleshooting
I know it is time consuming, but it is the only way and also it is all because you have chose a "Virtuemart Ready" joomla template. Your joomla template is now doing the same thing: Stylizing the Virtuemart. Normally, joomla template doesn't include a CSS rule for div#bottom-pagination because it is a Virtuemart related element. If you are stick somewhere and can't handle it, ask my help here.
Regards.
Forum support.