Keyword

Changing the format of price in Category view.

  • Loges2798
  • Loges2798's Avatar Topic Author
  • Offline
  • New Member
More
12 years 3 weeks ago #103099 by Loges2798
Hi again.

testing.landersmusic.com/products2/guitars/acoustic-guitars/maton-guitars-for-sale

How do I change formatting of the price that is listed under the introtext?

I simply want to make it larger - about 20px - and make it bold.

I've fiddled with Firebug but when I change the font size in the CSS it makes all the text resize, not just the price.

Thanks,

Marcus.

Please Log in or Create an account to join the conversation.

More
12 years 3 weeks ago #103100 by Jake Knight
Replied by Jake Knight on topic Re: Changing the format of price in Category view.
When you play with firebug, the thing you want to look for is the specific container that holds the element you are trying to alter.

In the case of the image, it wasn't the <img> you were needing to alter but rather the div.itemImageBlock that contained it.

In the case of this price, firebug will show you this line:

<span class="PricesalesPrice">$ 1,699.00</span>

Therefore, in your css, you can create a line such as

span.PricesalesPrice {
font-size: 20px;
line-height: 22px;
font-weight: bold;
display:block;
}

and so on...

Please Log in or Create an account to join the conversation.

  • Loges2798
  • Loges2798's Avatar Topic Author
  • Offline
  • New Member
More
12 years 3 weeks ago #103101 by Loges2798
Thanks Jake. I dropped the code into k2.css and it has worked. Now I just have to get the store to work properly - having Cart problems at the moment- and it will be all sweet.

Can you recommend any websites that are good for learning CSS? My experience is very limited in this department and the more clearly the explanations the better.

Regards
Mark

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum