Archived topic
Footer 3 Collumns left and right and bottom form
5 replies · Started by FunkyCss on November 15, 2019
Hallo how can i create my footer like this ? (hiden link)
Hi there,
would take a little CSS but the basics are 3 Footer Widgets for the Logo / Text / Social icons.
And then whatever search plugin shortcode would go in the Footer Bar widget area
Hey David yes i did it like that , i know the form will be inserted like a shortcode and is actually working .
My problem is the footer columns , i have tried before i ask here with the unsemantic columns html but it does not fit well , they go all left for some kind of reason .
I have send you my link if is possible to help me fix that , i would apreciate it !
I can't see the social icons in the 3rd widget? But something like this should do the trick:
@media (min-width: 769px) {
.inside-footer-widgets {
display: flex;
align-content: center;
}
.inside-footer-widgets > div {
display: flex;
flex-direction: column;
justify-content: center;
}
.inside-footer-widgets > div:nth-child(2) {
align-items: center;
}
.inside-footer-widgets > div:nth-child(3) {
align-items: flex-end;
}
}
Good morning David , Jesus i am sorry it was easy and i had to open a ticket for that ! in any case thank you very much ! Please enjoy a coffee from me !
Have a nice day !
:)
Glad to be of help and thanks for the Coffee :)