Targetin Backgorund lower layer for section only, not Columnts and other elements?

[Misho]

Hi!

Can you give me a hand here please?

This is CSS to select a Background lower layer:

.x-bg-layer-lower-image {

} 

I can constrain it to one particular Section, but it will still affect backgrounds of the Rows and Columns since they have the same class. I am playing with advanced selectors for a while, but still don’t getting the result I need.

I’d like to be able to target only the lower-layer of the Section background, leaving Column and Row backgrounds alone.

I have tried this too:

.x-bg-layer-lower-image:not(.x-column .x-bg-layer-lower-image) {
  
}

But it doesn’t work at all. Strange.

Thanks!

[basanta]

Hi Misho,

Thanks for writing in!

You can try the CSS selector of row and column as parent selector.

Example.

.x-container .x-bg-layer-lower-image (for row)
.x-column .x-bg-layer-lower-image ( for column)

.x-section > .x-bg .x-bg-layer-lower-image (to target section only)

Hope this helps!

[Misho]

Damn, the Child selector.

Works great, Thanks!

This gives me an option to add a pseudo element to the background which has all the parallax options.
Very nice effects are possible.

Thanks again!

[rad]

You’re most welcome!