Versatile Banner

Componente de tema
,
263

Hmm, nesse caso, você pode conseguir adicionar algo como o seguinte a uma das configurações de “content” do Versatile Banner:

<div class="xmas-banner-image"></div>

E então adicionar algum CSS ao seu tema principal ou a um novo componente. Aqui está um exemplo onde você pode substituir LINK_TO_MOBILE_IMAGE pelo link real da imagem:

.mobile-view .xmas-banner-image {
  background-image: url("LINK_TO_MOBILE_IMAGE");
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.desktop-view .xmas-banner-image {
  background-image: url("LINK_TO_DESKTOP_IMAGE");
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

Você terá que mexer no CSS, mas espero que isso te ajude a começar.

3 curtidas