{"id":389,"date":"2011-01-07T09:53:35","date_gmt":"2011-01-07T14:53:35","guid":{"rendered":"http:\/\/deliawilsondesign.com\/blog\/?p=389"},"modified":"2012-09-30T07:44:16","modified_gmt":"2012-09-30T12:44:16","slug":"quick-zen-cart-css-hint-attribute-lable-alignment","status":"publish","type":"post","link":"https:\/\/wiztech4zc.com\/blog\/quick-zen-cart-css-hint-attribute-lable-alignment\/","title":{"rendered":"Quick Zen Cart CSS Hint \u2013 Attribute Label Alignment"},"content":{"rendered":"<p>Ever looked at a product page that has attributes and think, &#8220;Man, that looks screwy!&#8221;?\u00a0 One of the default CSS rules is at fault and should always be changed in your stylesheet.css.<\/p>\n<p>For example, you have a download file with a radio button.\u00a0 So it says:<\/p>\n<p>Download (button) zip file.<\/p>\n<p>The default CSS has the button and the zip file higher\u00a0 in some browsers (maybe all) than the Download which is the label.<\/p>\n<p>Look for the line for LABEL, h4.optionName. (I&#8217;m 99.9% sure that this is not used anywhere besides the product info page.)<\/p>\n<p>Change it to<\/p>\n<p>LABEL, h4.optionName {<br \/>\nline-height: 1.5em;<br \/>\npadding: 0px; margin: 0px 3px 0px 3px;<br \/>\n}<\/p>\n<p>The default style has a top margin\u00a0 that is causing the lack of alignment.<\/p>\n<p>Enjoy!<\/p>\n<div class=\\\"clearBoth><em> Author: Delia Wilson Lunsford, Founder &#038; CEO, WizTech, Inc. <\/em><\/div>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Ever looked at a product page that has attributes and think, &#8220;Man, that looks screwy!&#8221;?\u00a0 One of the default CSS rules is at fault and should always be changed in your stylesheet.css. For example, you have a download file with a radio button.\u00a0 So it says: Download (button) zip file. The default CSS has the [&hellip;]<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4],"tags":[],"class_list":["post-389","post","type-post","status-publish","format-standard","hentry","category-zen-cart","category-zen-cart-how-tos"],"_links":{"self":[{"href":"https:\/\/wiztech4zc.com\/blog\/wp-json\/wp\/v2\/posts\/389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wiztech4zc.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wiztech4zc.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wiztech4zc.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wiztech4zc.com\/blog\/wp-json\/wp\/v2\/comments?post=389"}],"version-history":[{"count":8,"href":"https:\/\/wiztech4zc.com\/blog\/wp-json\/wp\/v2\/posts\/389\/revisions"}],"predecessor-version":[{"id":391,"href":"https:\/\/wiztech4zc.com\/blog\/wp-json\/wp\/v2\/posts\/389\/revisions\/391"}],"wp:attachment":[{"href":"https:\/\/wiztech4zc.com\/blog\/wp-json\/wp\/v2\/media?parent=389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wiztech4zc.com\/blog\/wp-json\/wp\/v2\/categories?post=389"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wiztech4zc.com\/blog\/wp-json\/wp\/v2\/tags?post=389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}