Hi, again me,
sorry, but it is really hard for a beginner :-|
On the product page the price is just below the product title (it's a product with variants all the same price) left aligned and very small in size. Following suggestions from another post here, I figured out with firebug, that there is following structure
the price is inside of an span with the class .amount
wrapped arround is a paragraph with the class .price
this both are wrapped by a div without id or class, which seems to me is just for microdata purposes (i.e. google rich snippet?)
however, I want to make the price bigger cause I don't need to hide it :) the css I found in woocommerce-mod.css line 405, so I made a copy of it to put it into my custom.css, it carries this css where I can change the price font-size:
#top .price, #top .price span, #top del, #top ins{
display:inline;
text-decoration: none;
font-size: 12px;
line-height: 18px;
font-weight: bold;
}
But for the allignment of the price to the right I need to touch the paragraph (p) since I can not allign inline elements. Inspecting it further, I believe to found the p elment in the backend custom style modifications area directly in the pages source code, which comes after the custom.css, so overwriting it.
So this does not change anything:
p.price { text-align: right; }
Also a margin-bottom is ignored. Where can I get this done?
Thanks for hints
Tom
PS: nearby, hint for the next version:)
* the add to cart button is missing its lower border (caused by 1px too much vertical padding)
* with woo shareThis enabled, the sku, category and reset selection line is sticking to close to the shareThis buttons (product_meta missing border-bottom)














