Background image in a Row, fixt height?


#1

Hi,

What I really would love, is to use a page wide background image between rows of content.

https://designingcultures.eu/

When I remove the text widget, the whole row disappears. For example the text widget with the white background. First line: ‘Among many other things’

I think I am missing something very simple here, but I don’t know what. Could I for example set a fixt height for the row:

… Or …

Thanks in advance, Marcel


#2

I think I nailed it! When writing ‘fixt height’, I thought I try this in the ‘Additional CSS’, and it worked.

    #pg-22-6 .panel-grid-cell {
        position: relative;
        height: 600px !important;
    }

I will remove 22-6 in a few days, but will keep it for a while, in case one of you would like to check if this is the proper way to do things!

ps. “position: relative;” is something I copied. No idea if this is needed.


#3

Hello there,

You could also use an empty text widget. To put an empty space, choose Text mode editor, then add this HTML code:

<div style="height: 600px;"></div>

09

Regards,
Kharis


#4

Thanks! Much appreciated Kharis!


#5

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis