Virtuemart Support :: Topic: help with styling buttons... default to list view? (1/1)

Welcome, Guest

TOPIC: help with styling buttons... default to list view?

help with styling buttons... default to list view? 11 years 1 month ago #3874

Trey Braid

ive already gone in an commented out some of the template styling that was overwriting the flex; but, still having issues with "+" and "-" buttons on the add to cart of category and details page...

99cables.com/index.php/vm/vga/vga-adapters/vga-to-bnc-adapters-and-cables#ListView

..as you can see ive styled quite a bit; but, cant seem to fix those buttons.. what do i need to edit?

thanks
trey

The administrator has disabled public write access.

help with styling buttons... default to list view? 11 years 1 month ago #3884

John

hmmm - ugly coding in your template css..

lots..

loose -

99cables.com/templates/gk_yourshop/css/joomla.css

.adminform button, #adminForm button, .button, button, a.readon, .pagenav-next a, .pagenav-prev a, input[type="submit"], input[type="button"], span.addtocart-button input.addtocart-button, .show_cart a, div.mobileSwitch > a {
  background: url("../images/style1/btn.png") repeat-x scroll 0 bottom transparent;
  border: 1px solid #D1D1D1;
  color: #383838;
  display: block;
  float: left;
  font-family: Arial,Verdana,sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 26px !important;
  line-height: 26px;
  margin: 0;
  padding: 0 8px;
}
 
 
 
#article-index ul li, div.pagination ul li, div#bottom-pagination ul li {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #999999;
  cursor: pointer;
  display: inline-block;
  font-size: 85%;
  font-weight: bold;
  overflow: hidden;
  padding: 0;
}
 
#article-index ul li:hover, div.pagination ul li:hover, div#bottom-pagination ul li:hover {
  background: none repeat scroll 0 0 #46660B;
  border: 1px solid #577B15;
  color: #FFFFFF !important;
}

99cables.com/templates/gk_yourshop/css/style3.css

 
#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;
}

and a lot more - but you just have to methodically go thru with Firebug and find them and change them or rewrite some
often quicker to add css

e.g.

 
span.quantity-controls input.quantity-plus {
  background: url("../images/Flexible/quantity_plus.png") no-repeat scroll 0 0 transparent;
  border: 0 none;
  border-radius: 0 4px 0 0;
  box-shadow: 0 1px 1px #545454;
  cursor: pointer;
  float: left;
  height: 16px;
  margin: 0;
  width: 16px;
}

etc - but there's no shortcuts... just find and change

Attachments:

quantity_2...4-02.png (25KB)

The administrator has disabled public write access.

help with styling buttons... default to list view? 11 years 1 month ago #3887

Trey Braid	can you take a quick look for me... i just made some more edits and the quantity box moved up; but, popped to the right of the add to cart instead of next to the + and - buttons... trey
	The administrator has disabled public write access.