Trying to make my Klarna Icon Bigger

keph36
New Member
8 0 0

Hi all, I apologize if I'm posting this in the wrong place... I'm trying to make my Klarna icon bigger on my shopify product pages... (See photo attachment with red arrows pointing to Klarna Icon.)

My shopify website is nwdetectors.shopify.com

or the URL is nwdetectors.com 

Thank you in advance!!!

 

 

IMG_7684.PNG

0 Likes

@keph36 

Your Klarna is being loaded within an Iframe which makes it impossible to be customized.

However, we can do a little tricky to make it slightly bigger. This is the biggest it can get in your current situation:

So, to fix it in 20 seconds:

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

form .product-form--atc + div[style]{
   transform: scale(1.1);
}


@media (min-width:930px){
   form .product-form--atc + div[style]{
   transform: scale(1.14);
}

}


Please let me know whether it works.

Kind regards,
Diego

 

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Using a free theme? Improve it with copy/paste code snippets clicking here.
◦ Looking to hire an experienced developer? Same day response: ezfycode@gmail.com.
keph36
New Member
8 0 0
No, pasting the code into Asset>theme.scss.liquid didn't work.



Can the size be increase by using Klama On-Site Messaging/Dashboard/Update
Ad Position?



I did try increasing the size for product detail from (100x0) - EN to
(335x0) - EN, and that didn't help.



Something, like attached, would show up much better



Bob

503-936-1443

Northwest Detector Sales

7905 SW Elmwood St.

Tigard, OR 97223

www.nwdetectors.com

Follow us on Facebook







0 Likes

As aforementioned, this is the only possible way to customize it.
At least when I personally worked with Klarna in the past I was not able to customize any of their built-in styles.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Using a free theme? Improve it with copy/paste code snippets clicking here.
◦ Looking to hire an experienced developer? Same day response: ezfycode@gmail.com.
0 Likes
KristiAtKlarna
Shopify Partner
72 4 15

Hi @keph36 ,

The Klarna On-Site Messaging team is continually working to provide additional on-site messaging functionality and enhancements.  A new auto-sized placement is now available which should be as wide as its parent element.  (Height depends on the content height.  To increase the height, one can use customization to increase top/bottom padding and/or line spacing.)

Please try choosing the "Product Detail - Price Detail 100 x 0" placement in your store, instead of the current "Product Detail - Price Detail 335 x 0" to see if that width works better for your needs. 

If that doesn't resolve your issue, please open a Klarna On-Site Messaging app for Shopify support case via skosm@klarna.com and we can review your store more directly. 

0 Likes