Re: Make price bigger

Solved

Make price bigger

VinUp
Excursionist
33 0 10

Hi,

 

I want to make my pricing bigger for mobile only in this piece of code. How can i do this?

 

div class="large-up-hide medium-hide product-infomation">
    <div class="product__title" {{ block.shopify_attributes }}>
      <h1>{{ product.title | escape }}</h1>
      <a href="{{ product.url }}" class="product__title">
        <h2 class="h1">
          {{ product.title | escape }}
        </h2>
      </a>
    </div>
    <div class="no-js-hidden" id="price-{{ section.id }}" role="status" {{ block.shopify_attributes }}>
      {%- render 'price',
        product: product,
        use_variant: true,
        show_badges: true,
        price_class: 'price--large'
      -%}
    </div>
    {%- if product.quantity_price_breaks_configured? -%}
      <div class="volume-pricing-note" id="Volume-Note-{{ section.id }}">
        <span>{{ 'products.product.volume_pricing.note' | t }}</span>
      </div>
    {%- endif -%}

  

Accepted Solution (1)
BSS-TekLabs
Shopify Partner
2350 688 807

This is an accepted solution.

- Here is the solution for you @VinUp 
- Please follow these steps:

step.png

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

@media only screen and (max-width: 600px) {
.price--on-sale .price-item--regular, .price .price-item {
     font-size: 24px !important;
}
}

- Here is the result you will achieve:

BSSTekLabs_0-1721906704119.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 6 (6)

ZestardTech
Shopify Partner
5835 1058 1397

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
VinUp
Excursionist
33 0 10
ZestardTech
Shopify Partner
5835 1058 1397

Hi @VinUp 

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

 

@media only screen and (max-width: 768px) {
.price--on-sale .price-item--regular, .price .price-item {
font-size: 25px !important;
}
}

 

ZestardTech_0-1721906958524.png

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

BSS-TekLabs
Shopify Partner
2350 688 807


Hello @VinUp .
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
VinUp
Excursionist
33 0 10
BSS-TekLabs
Shopify Partner
2350 688 807

This is an accepted solution.

- Here is the solution for you @VinUp 
- Please follow these steps:

step.png

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

@media only screen and (max-width: 600px) {
.price--on-sale .price-item--regular, .price .price-item {
     font-size: 24px !important;
}
}

- Here is the result you will achieve:

BSSTekLabs_0-1721906704119.png

 

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now