Hi there,
after I added this CSS to my customs CSS, my last footer widget column is not working correctly anymore.
#top .av-flex-placeholder {
width: 1%!important;
}
.page-id-5615 div .av_one_fifth {margin-left: 1%;width: 19%;}
.page-id-5615 div .av_one_fourth {margin-left: 1%;width: 24.5%;}
.page-id-5615 div .av_one_half {margin-left: 1%;width: 49%;}
Source: https://kriesi.at/support/topic/resizing-space-between-columns-2/
Now the last column ist stacked under the first (see attached screenshots). After deleting the CSS snippet everything works fine. Any Ideas how to fix this?
Hey jmoeser,
What do you want to do with the code you have added?
Best regards,
Basilis
Hi,
the code resizes the vertical margins between the columns in the upper part of the page.
Hi jmoeser,
Please try the following code:
.page-id-5615 #footer .av_one_fifth {
margin-left: 6%;
width: 15.2%;
}
.page-id-5615 #footer .av_one_fourth {
margin-left: 3%;
width: 20.5%;
}
.page-id-5615 #footer .av_one_half {
margin-left: 6%;
width: 47%;
}
Best regards,
Victoria
Works! Thank you very much!
Can you also help me with realigning the things highlighted red in the screenshot? They should be horizontally aligned in the center (blue line) but they are closer to the right edge of the page.
Hi,
Please try this CSS as well:
.page-id-5615 .av_three_fifth {
margin-left: 0;
}
Best regards,
Rikard
Works – thanks for your help!