Hi,

What browser do you test with? Because this code works fine for FF, IE and Chrome.

What is the deal with the main navigation?

I am using Chrome btw.

I’m not sure why the codes don’t work. Even the one you gave to andrixx to change the product font size didn’t work. I had to do the following:

Only when I change font-family under .s_price manually does the font of price change.
Only when .container_12 .grid_3.s_item h3 is changed does the size of the product name change.
Only when #product_intro.s_size_1 .s_price is changed will change the size of the price.

I’m not sure why I had to do it manually, but it probably has to do with some past codes you’ve given me and I’ve put in. (I have some modifications from this forum and there are !important stuff scattered here and there)

My issue with the main navigation is from this thread: http://support.themeburn.com/topic/change-default-shoppica-fonts#post-1599

The font doesn’t change no matter what I do. I’ve tried fontsquirrel fontfaces several times and that doesn’t seem to work. So I want to try google fonts but I have no idea how to implement them and there doesn’t seem to be sufficient documentation online.

Sorry about replying to an old topic, but I am facing some issues here by following these instructions.

Basically I wanted to remove the price circle, so I followed these instructions:

If you want to hide it with css, open screen.css and put at the end this line of code:

#category .s_listing .s_price {
  display: none;
}

3) To remove the entire circle style for grid/list category/manufacturer/search view, just add at the bottom of the screen.css this piece of code:

.container_12 .s_item .s_currency,
.container_16 .s_item .s_currency
{
  display: inline !important;
  color: #000 !important;
}
.container_12 .s_item .s_old_price,
.container_16 .s_item .s_old_price
{
  display: block !important;
  color: #000;
}
.container_12 .s_item .s_old_price .s_currency,
.container_16 .s_item .s_old_price .s_currency
{
  display: none !important;
}
.container_12 .s_grid_view .s_item .s_price,
.container_16 .s_grid_view .s_item  .s_price,
.container_12 .s_grid_view .s_item .s_promo_price,
.container_16 .s_grid_view .s_item  .s_promo_price,
.container_12 .s_list_view .s_item .s_price,
.container_16 .s_list_view .s_item  .s_price,
.container_12 .s_list_view .s_item .s_promo_price,
.container_16 .s_list_view .s_item  .s_promo_price
{
  position: static !important;
  width: 100% !important;
  height: auto !important;
  margin-bottom: 9px !important;
  padding: 0 !important;
  line-height: 18px;
  color: #000;
  background: none transparent !important;
}
.container_12 .s_grid_view .s_item .s_promo_price .s_old_price,
.container_16 .s_grid_view .s_item  .s_promo_price .s_old_price
{
  color: #000;
}

.container_12 .s_list_view .s_item h3,
.container_16 .s_list_view .s_item  h3
{
  float: left;
  width: 85%;
}
.container_12 .s_list_view .s_item .s_price,
.container_16 .s_list_view .s_item  .s_price,
.container_12 .s_list_view .s_item .s_promo_price,
.container_16 .s_list_view .s_item  .s_promo_price
{
  float: right;
  width: auto !important;
  text-align: right;
}

/** use this for invisible price **/
.s_grid_view .s_item .s_price {
  visibility: hidden;
}
.s_grid_view .s_item:hover .s_price {
  visibility: visible;
}

With all these, the front page looks good but with the products under each category, I’m not getting the price under each product. It’ll be better if you tell me how I can apply some codes like:

/** use this for invisible price **/
.s_grid_view .s_item .s_price {
  visibility: hidden;
}
.s_grid_view .s_item:hover .s_price {
  visibility: visible;
}

Thank you very much,

Sam

@andrixx

The original (default Shoppica installation) currency sign has a little opacity assigned to. That is why it could appear gray to you. If you don’t like how it looks, you could easily remove. Just search for .s_currency selector in the screen.css.

Best regards,
ThemeBurn team

Glad, we’ve helped, Andreas

@raphaelribeiro

Just use the example code from this post: http://support.themeburn.com/topic/remove-price-in-catagories/page/2/#post-2118

If you want a different color than black, change the #000 value throughout the example with some other.

Best,
ThemeBurn team