Debut Theme - Resize Product Titles and centre price and sale price (home and collection pages only)

Solved
Highlighted
Tourist
6 0 4

https://er70j77ay7it73mg-43991662747.shopifypreview.com

I'm not sure if this will help. I'm just in the trial phase of the site. 

0 Likes
Highlighted
Shopify Partner
8741 1160 3071

@noora_meh 

Thanks for it.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product-card {
 .price--on-sale {
     .price__sale {
       justify-content: center;
      }
    .price__badge--sale {
     display: inline-block;
    }
 }
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
6 0 4

Amazing, that totally worked. Thanks so much!

1 Like
Highlighted
Shopify Partner
8741 1160 3071

@noora_meh 

Thanks for your compliments.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
6 0 4

I also have this piece of code at the bottom left-hand side of all my pages ( div#shopify-section-1571647154685 { background-image: url(") . How can i get rid of this code? 

 

Site link: https://5rm2nvpmld7vw2fx-43991662747.shopifypreview.com  

 

Untitled.png

1 Like
Highlighted
Shopify Partner
8741 1160 3071

@noora_meh 

you have wrong formate

please flow this

<style>
/*Add your css code here with use only for Layout, Template, Sections, Snippets */
</style>
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
6 0 4

Could you please clarify what code I should write? I have taken out the code: 

  background: url({{ '697331.jpg' | asset_url }});  - this is what I used to put the background on in the first place. 

 

I put the above code in the <style> format that you mentioned and it didn't work. 

1 Like
Highlighted
Shopify Partner
8741 1160 3071
<style>
 background: url({{ '697331.jpg' | asset_url }});
background-repeat: no-repeat;
background-position: center;
background-size: cover;
</style>
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
6 0 4

Thank you but that code doesn't work. You can check my site. I have left the code in so you can see what it does. 

0 Likes