Fill out product picture and change error to points

Solved

Fill out product picture and change error to points

store095
Explorer
95 0 43

Hi , want to fill out the product picture and change error to points like here:

IMG_1210.jpegIMG_1202.png

 

Is that possible?

 

url: https://ba571d-cc.myshopify.com/

dawn theme 15.0.0

 

Best regards

Accepted Solution (1)

BSS-TekLabs
Shopify Partner
2350 702 827

This is an accepted solution.

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

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- 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 screen and (max-width: 749px) {
    .slider.slider--mobile .slider__slide {
        width: 100% !important;
        margin: 0 !important;
    }
product-info {
    padding-top: 0 !important;
}
}

- Here is the result you will achieve:

BSSTekLabs_0-1724246374436.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 10 (10)

BSS-TekLabs
Shopify Partner
2350 702 827

This is an accepted solution.

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

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- 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 screen and (max-width: 749px) {
    .slider.slider--mobile .slider__slide {
        width: 100% !important;
        margin: 0 !important;
    }
product-info {
    padding-top: 0 !important;
}
}

- Here is the result you will achieve:

BSSTekLabs_0-1724246374436.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
store095
Explorer
95 0 43

Hi, i used your code but nothing changed.

 

Best regards 🙂 

BSS-TekLabs
Shopify Partner
2350 702 827

BSSTekLabs_0-1724248709546.png

I don't see you added successfully. Please add again so I can check.

 

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
store095
Explorer
95 0 43

I just added the Code. 

Best regards 

BSS-TekLabs
Shopify Partner
2350 702 827
<style>
@media screen and (max-width: 749px) {
    .slider.slider--mobile .slider__slide {
        width: 100% !important;
        margin: 0 !important;
    }
product-info {
    padding-top: 0 !important;
}
}
</style>

 Can you try add this code before tag </head> in file theme.liquid

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
store095
Explorer
95 0 43

Thank you but still dont work.

 

Kind regards:)

BSS-TekLabs
Shopify Partner
2350 702 827
<style>
@media only screen and (max-width: 749px) {
    .slider.slider--mobile .slider__slide {
        width: 100% !important;
        margin: 0 !important;
    }
product-info {
    padding-top: 0 !important;
}
}
</style>

sorry can you try this code again @store095 

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
BSS-TekLabs
Shopify Partner
2350 702 827

BSSTekLabs_0-1724251884390.png

Please check your store again!

 

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
store095
Explorer
95 0 43

Hi, sry for late response.

 

i tried the code and its not working for me. It only lifting the picture a little bit up. 

There is still Space at the sides and a little on top.

 

Here is a picture how i can see it: 

IMG_1239.jpeg


Best regards 

store095
Explorer
95 0 43

Oh i just found a Solution. There is a setting for dawn theme calling fill it and now it works with the code.

 

Thank you 🙂