Versatile Banner

主题组件
,
263

嗯，在这种情况下，您可以在“Versatile Banner”的“content”设置中添加类似以下内容：

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

然后，在您的主主题或新组件中添加一些 CSS。这是一个示例，您可以将 LINK_TO_MOBILE_IMAGE 替换为实际的图片链接：

.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;
}

您需要调整 CSS，但希望这能帮助您入门。

3 个赞