Hi support team,
this is the code from my contact form 7.
<div class=”flex_column av_one_full” style=”background-color:rgba(42,73,100,0.8); padding:10px 15px 0 15px; color:#ffffff; border-radius:3px;”>
<div class=”flex_column av_one_fourth first”>
Früheste Anreise<br />[date anreise date-format:dd.mm.yy min-date:0 placeholder “TT.MM.JJJJ” ]
</div>
<div class=”flex_column av_one_fourth”>
Späteste Rückkehr<br />[date rueckkehr date-format:dd.mm.yy min-date:0 placeholder “TT.MM.JJJJ”]
</div>
<div class=”flex_column av_one_fourth”>
Reisedauer in Tagen [text reisedauer]
</div>
<div class=”flex_column av_one_fourth” style=”margin-top:20px;”>
[submit “Angebot anfordern”]
</div>
</div>
I have tried to add a extra class to reduce its column spaces on mobile version (max-width: 767px) the whole morning.
Could you please helf me with this?
What should the code in Quick CSS looks like?
Hey vnfan!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 767px) {
.wpcf7 .flex_column {
margin-bottom: 0!important;
}}
Cheers!
Yigit
you save my day. Thanks so much.