我想用红色填充照片和促销表之间的空白区域。 我曾尝试编辑代码(显示如下),但我无法弄清楚如何将表格大小扩展到左侧,因此它会在照片旁边:
.how-it-works p {
line-height: 21px;
padding-top: 10px;
}
.hiw-side-promo {
background-color: #EE4141;
color: {{ settings.color_body_text }};
padding-top: 24px;
padding-left: 28px;
padding-right: 141px;
padding-bottom: 18px;
margin-top: 10px;
margin-bottom: 20px;
border: 5px solid {{ settings.color_form_border }};
}
.hiw-side-promo .heading h3 {
font-family: {{ settings.face_secondary_heading }};
color: #fff;
}
.hiw-side-promo .paragraph {
font-family: {{ settings.face_body_text }};
font-size: 14px;
font-weight: 300;
line-height: 21px;
padding-top: 10px;
padding-bottom: 8px;
color: #FFF;
}
.hiw-side-promo button {
color: {{ settings.color_body_text }};
font-size: 12px;
text-transform: uppercase;
font-family: {{ settings.face_body_text }};
font-weight: 900;
padding: 7px 10px 7px 10px;
margin-right: 5px;
border: none;
}
这是现在看起来的照片:
照片和桌子之间的空白区域应为红色。