如何调整WordPress的Display Eventbrite Events插件让内容显示在缩略图右侧

你可以通过添加自定义CSS实现仅桌面端的图文并排布局，操作步骤如下：

• 进入WordPress后台，依次点击「外观」→「自定义」→「额外CSS」
• 将以下代码粘贴到输入框中，保存即可生效：

/* 仅针对768px以上的桌面设备生效 */
@media (min-width: 768px) {
  /* 选中单个活动容器，开启弹性布局 */
  .eee-event {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    margin-bottom: 30px;
  }
  /* 缩略图固定宽度占比，可自行调整数值 */
  .eee-event-thumbnail {
    flex: 0 0 35%;
  }
  .eee-event-thumbnail img {
    width: 100%;
    height: auto;
  }
  /* 活动内容占据剩余宽度 */
  .eee-event-content {
    flex: 1;
  }
}

• 如果代码不生效，可右键点击页面活动区域选择「检查」，确认插件对应的活动容器、缩略图、内容区域的类名，替换上述代码中的对应类名即可。
• 保存后清理浏览器缓存和站点缓存即可看到效果。

内容的提问来源于stack exchange，提问作者Juan Manuel