Change textsize and padding on Klarna logo, closer to the buy button - Dawn theme

[Dekanten]

Hi

I want to change something in the Klarna Banner, the textsize is too small. Hope to increase this a little bit, and make it closer to the buy button. Thanks in advance. 🙂

www.dekanten.no

See attached image:

[BSS-TekLabs · Accepted solution]

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

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
.product-form__submit span {
    font-size: 24px !important;
}
.st-wl-wrapper {
    gap: 3px !important;
}
</style>

- Here is the result you will achieve:

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

[topnewyork · Accepted solution]

Hi @Dekanten ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style> 
div#shopify-block-klarna_on_site_messaging_app_block_pr83ri {
    margin-top: -25px !important;
}

.container {
    font-size: 15px !important;
}

</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

[BSS-TekLabs · Accepted solution]

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

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
.product-form__submit span {
    font-size: 24px !important;
}
.st-wl-wrapper {
    gap: 3px !important;
}
</style>

- Here is the result you will achieve:

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

[topnewyork · Accepted solution]

Hi @Dekanten ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style> 
div#shopify-block-klarna_on_site_messaging_app_block_pr83ri {
    margin-top: -25px !important;
}

.container {
    font-size: 15px !important;
}

</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

[topnewyork]

Thanks for liking @Dekanten kindly mark it as an accepted solution too if it works for you.

[Dekanten]

Hi, thank you for the fast support, i have got three snippets and they works absolutely fine. Thank you very much guys. 🙂

[niraj_patel · Accepted solution]

Hello @Dekanten 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .product-form__submit span {
      font-size: 21px !important;
   }
   .st-wl-wrapper {
       gap: 3px !important;
    }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[Dekanten]

Hi, thank you for the fast support, ive got three snippets and they works absolutely fine. Thank you very much guys. 🙂