Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #1023267
Background Image Size
Closed

Comments

  •  2
    hema77 started the conversation

    Hello, 

    In the home page, would like background images to resize if seen on a smaller device. Would that be possible. Was also considering displaying only background color, if image cannot be resized. Thanks! 

  •  7,092
    Oliver replied

    HI!

    The best way is to use cover style for mobile. 

    You can: 

    1. Add any custom class to the row, were you need to change background for example "custom-bg-1". (screen 2818)

    2. Use next css if you want to change bg:

    @media (min-width: 768px) {
    .custom-bg-1 .fullwidth-block .fullwidth-block-background {
        background-image: url('URL_OF_THE_IMAGE');
    }
    }

    3. For adding background color:

    @media (min-width: 768px) {
    .custom-bg-1 .fullwidth-block .fullwidth-block-background {
      background-image: none !important;
        background-color: #000;
    }
    }


    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver