Site logo

Archived topic

Footer 3 Collumns left and right and bottom form

5 replies · Started by FunkyCss on November 15, 2019

Viewing posts 1–6 of 6

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 :)

This archived topic is closed to new replies.