Archived topic

Widget's among each other in one column of the header?

5 replies · Started by Armin on June 20, 2019

Viewing posts 1–6 of 6

June 20, 2019 at 6:10 am #935731

Hi,

splitted the header into 3 columns like here.

But in the middle one, I need a second Text widget UNDER the Logo.

Tried with , and span in elements hook, but it wont work. The text remains beside the logo.

Custom css is

.before::before, .after::after {
content: "\A";
white-space: pre;
}

p {
word-wrap:break-word;
}

and Element hook is

[widget id="media_image-12"]
[widget id="text-8"]

Any ideas?

Thank you very much!

June 20, 2019 at 6:33 am #935760

Hi there,

you can stack the elements in that column with this CSS:

.header-section-2 {
    flex-direction: column;
}

You will then need to adjust your other CSS to close off the spacing between them

June 20, 2019 at 9:23 am #936133

Thank you very much. :-)

It works, but the Logos need to stay in a similar height.

I guess for the additional text, another 3-rowed column in the header could be the solution - so I can insert the text in row 2 col 2.

Would you help me arrange that?

June 20, 2019 at 9:28 am #936138

You could edit this CSS Rule and add the additional property:

.header-section {
    display: flex;
    /* add the below property */
    align-items: flex-start;
}

June 21, 2019 at 8:10 am #937098

Thats very cool. Thanks!

June 21, 2019 at 8:17 am #937111

You're welcome

This archived topic is closed to new replies.