dawn theme: avoid cutting images on large screens

[10xfuel]

Hi! On large monitors these two pictures on www.10xfuel.com get cut on top and on the bottom - how to avoid this?

thanks!

[BSS-Commerce]

Hi @10xfuel ,

Please follow these steps:

Step 1: Go to admin → Themes → Edit code

Step 2: Find the theme.liquid file and add the code behind the tag

   {% style %}
      @media only screen and (min-width: 1550px) {
          div#Banner-template--15940951933066__image_banner_KWiDdp {
              background-color: #eeff41;
          }
      
          div#Banner-template--15940951933066__image_banner_KWiDdp .media{
              background-color: #eeff41;
          }
      
          div#Banner-template--15940951933066__37026298-37c3-4d9a-979b-b53ddd6479ed {
              background-color: #5241ff;
          }
      
          div#Banner-template--15940951933066__37026298-37c3-4d9a-979b-b53ddd6479ed .media{
              background-color: #5241ff;
          }
          
          
          div#Banner-template--15940951933066__67737bd7-2e65-45a4-9759-96159688b69b {
              background-color: #eeff41;
          }
      
          div#Banner-template--15940951933066__67737bd7-2e65-45a4-9759-96159688b69b .media{
              background-color: #eeff41;
          }
      
          .banner__media.media img {
              width: 80% !important;
              left: 10% !important;
          }
      }
    {% endstyle %}

Result: https://www.loom.com/share/ca359be2f05e46a692eaacb2adbe61b3?sid=d915de42-f4f7-4282-ad1a-cf0cf89da6a4

Hope it helps @10xfuel

[10xfuel]

thank you so much! It has become much better, but if I open it full screen on 4k, the banners are still cut off. How can this be avoided?

[10xfuel]

thank you - this solution is already much better than before!