Product font.

This topic has been marked as not resolved.

On the product thumbnails, the previews of all pages, main or category, I was wondring if there is any way to make the name of the product not be bold but the price remain bold. Is it possible?

January 1, 2013 at 8:07 pm #16572

Hello, I think it’s possible,

#SHOPPICA2

- for the price:
from shoppica admin controle selcet tabs “design” then “fonts”
and change price font to bold.

- for the product name, open this file

catalog/view/theme/shoppica2/stylesheet/screen.css.php

and find this code:
.s_item h3 {
  font-size: 12px;
  font-weight: bold;
}

then; change it like :

.s_item h3 {
  font-size: 12px;
  font-weight: normal;
}

#SHOPPICA
- for the price, open this file
catalog/view/theme/shoppica/stylesheet/screen.css
and find this code:

.s_price {
  display: block;
  margin: 0;
  color: #fff;
  letter-spacing: -1px;
  text-align: center;
  font-family: "Babel Sans", sans-serif;
  font-weight: normal;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
}

then; change it like :

.s_price {
  display: block;
  margin: 0;
  color: #fff;
  letter-spacing: -1px;
  text-align: center;
  font-family: "Babel Sans", sans-serif;
  font-weight: bold;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
}

- for the product name, open this file
catalog/view/theme/shoppica/stylesheet/screen.css
and find this code:

.s_item h3 {
  clear: both;
  margin-bottom: 9px;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: bold;
}

then; change it like :

.s_item h3 {
  clear: both;
  margin-bottom: 9px;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: normal;
}

hope these detail help

Sam

 samdz
January 2, 2013 at 1:53 am #16574

It kind of work. But if i put the price as bold on the admin module, the price up on the shopping cart gets bold too, scrambling all the layout. At first, it looks ok but if I add products and the value is over £10,00 then it scrambles. As well as changing the item specification on the css file makes the whole thing go narrow.

So I have to, either find a way to make the cart value on the top right of the page stay narrow or create a new css rule to make the price setting go bold. However i think the second option would be much harder. I don’t know what to do. LOL

January 2, 2013 at 2:08 am #16575
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
January 3, 2013 at 5:03 pm #16664
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.