VurtueMart buttons to look like the whole template

Professional Joomla social template with metro design and JomSocial extension support.
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Fri Aug 29, 2014 9:52 pm
Reply with quote
Report this post
I realize that this template doesn't support VirtueMart, but had to install it to sell tickets to my events.
Could you, please sample me the css the buttons are built with so I add it to VirtueMart classes? All the rest is fine, but Add to cart and Proseed to pay buttons are avekward...
Thanks. If that matters, links are http://v-boge.org/magazin/cart and http://v-boge.org/magazin/%D1%84%D0%B8%D0%BD%D0%B0%D0%BD%D1%81%D0%BE%D0%B2%D0%B0%D1%8F-%D0%B3%D1%80%D0%B0%D0%BC%D0%BE%D1%82%D0%BD%D0%BE%D1%81%D1%82%D1%8C/%D1%82%D0%B5%D1%81%D1%82-%D1%82%D0%BE%D0%B2%D0%B0%D1%80%D0%B0-detail (The first one requires to put something to the cart...
User avatar
Platinum Boarder

GK User
Mon Sep 01, 2014 10:20 am
Reply with quote
Report this post
This is default template CSS for button.
Code: Select all
background: transparent;
   border: 1px solid #db4a37;
   color: #db4a37!important;
   cursor: pointer;
   display: block;
   float: left;
   font-size: 12px;
   font-weight: 500!important;
   height: 30px;
   line-height: 30px;
   margin: 0 5px 2px 2px;
   /* padding: 0 25px; */
   text-align: center;
   text-transform: uppercase!important;
   -webkit-transition: all .3s ease-out;
   -moz-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
   transition: all .3s ease-out


and the buttons in VirtueMart will looks exactly like other template buttons but they are overrided by VM styles. My advise is to use Firebug, check which styles comes from vm.css file and then remove them - you will get pure template styling in this areas.
User avatar
Platinum Boarder

GK User
Wed Sep 03, 2014 6:03 am
Reply with quote
Report this post
bkrztuk wrote:This is default template CSS for button.[/code]

and the buttons in VirtueMart will looks exactly like other template buttons but they are overrided by VM styles. My advise is to use Firebug, check which styles comes from vm.css file and then remove them - you will get pure template styling in this areas.


Thanks for the tip, it's almost done. When I turn off parts of vm.css code, buttons need to be assigned as buttons anew. So, I still need to use override.css and thus would you, please, give me the styling for hover and override states of button in template?
Thanks!
User avatar
Platinum Boarder

GK User
Fri Sep 05, 2014 8:21 pm
Reply with quote
Report this post
The :hover state for buttons in this template is following:

Code: Select all
border-color: #272727;
color: #272727!important;
User avatar
Administrator


cron