Diffrent font-size on price on collection & products.. - Refresh

Store Design
, , , ,
1

Hello experts! Trying to find a code so that the prices can have different font-sizes on my Refresh theme. I put this code over ", it has managed me to change the font-size when entering just the collection “Erbjudande” but not all collections, and nothing changes on my product page. Can somebody take a look and help a rookie out? Want to be able to change for both phone and computer :roll_eyes:

(this code almost work on a blank refresh theme (but not mine), on a blank Refresh it doesnt show diffrent font-size on collection on start page and on the on product the discount doesent change)

{% style %}
{% if template == 'collection' %}
/* Collection Page */
@media screen and (min-width: 750px) {
  /* Regular Price on PC */
  .price-item.price-item--regular {
    font-size: 44px !important;
  }
  /* Sale Price on PC */
  .price-item.price-item--sale {
    font-size: 44px !important;
  }
}
@media screen and (max-width: 749px) {
  /* Regular Price on Mobile */
  .price-item.price-item--regular {
    font-size: 26px !important;
  }
  /* Sale Price on Mobile */
    .price-item.price-item--sale {
    font-size: 26px !important;
  }
}
{% elsif template == 'product' %}
/* Product Page */
@media screen and (min-width: 750px) {
  /* Regular Price on PC */
  .price-item.price-item--regular {
    font-size: 36px !important;
  }
  /* Sale Price on PC */
  .price-item.price-item--sale { {
    font-size: 36px !important;
  }
}
@media screen and (max-width: 749px) {
  /* Regular Price on Mobile */
  .price-item.price-item--regular {
    font-size: 26px !important;
  }
  /* Sale Price on Mobile */
  .price-item.price-item--sale {
    font-size: 26px !important;
  }
}
{% endif %}
{% endstyle %}

Would really appreciate if any expert here can check on my store and see how I can get it to work, would also be awesome if you can edit the code so it also can display on all collections/start page and get the discount button on product to change also! Thanks :slightly_smiling_face:

Store: reflawless.com

Pw: hi

(I will leave my store with this code in so you can take a look go to “Erbjudande”)

1 Like