Change the box size like the other ones. Theme Dawn 7.01

[Dekanten]

Hello good folks

I need to change the size of  Klarna textbox to be like the others, see attached image. The Klarna box is bigger than the others, its not possible to change the size of it within their app. This must be some the hard way. 🙂

Can this be done with a simple code or something, i will be very grateful and hope you all doing well. 🙂

 

My storeurl:

www.dekanten.no

[WalkYourStyle]

1. Go to 'Online Store' -> Theme -> Edit Code

2. In the assets folder find the 'base.css' file

3. At the bottom of the file add this code

#shopify-block-klarna_on_site_messaging_app_block_pr83ri{
     max-width: 44rem;
}

[Dekanten]

Hi, thank you for the quick response but nothing happens when i place this code as on the base.css, do you have any ideas we can try out? Thanks in advance. 🙂

[WalkYourStyle]

Did you add the code and remove it instantly? Because I can't see it in base.css. Please add it again so I can see it from the inspector tool and help you further

[Dekanten]

Hi again, i removed it because i couldt get it work, but many thanks for all your support. 🙂 Glad to see you all here. 🙂

[BSSCommerce-B2B]

Hi @Dekanten 

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file section-main-product.css. Add the following CSS snippet

.badge-container .badge svg {
    transform: scale(0.8);
}

Result

If it helps you, please like and mark it as the solution.

Best Regards

[Moeed · Accepted solution]

Hey @Dekanten 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
div#shopify-block-klarna_on_site_messaging_app_block_pr83ri {
    max-width: 44rem !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Dekanten]

Hi and thank u very much and this worked like a charm, really glad for the result too. This looks very good. 🙂 Big thumbs up. 🙂

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[Rahul_dhiman]

Hello @Dekanten 
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
and add this code at the end of the file.

div#shopify-block-klarna_on_site_messaging_app_block_pr83ri {
width: 438px !important;
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks