Docs

[fyxi]

Hello,

Trying to figure out how to reduce the margins on the left and right side of the three-columns section at the bottom of this page:

fyxi.it/turnerlovell/

I have tried a few different CSS fixes from various threads on this forum, but none seem to work. Can you please provide me with a solution?

Thanks

[Christopher]

Hi there,

Please remove negative margin from section #2.

Please disable ‘column container’ option from row settings, to make the row full width.

Hope it helps.

[fyxi]

That did the trick. Thanks!

[Christian]

You’re welcome. Glad we could help. 🙂

[fyxi]

Hello,

I have another challenge now. I have created a gradient vignette overlay that I have placed as a layer in the global settings slide. The cover mode is set to ‘cover’ and the image size is set to match the full slider size. The problem is that a margin seems to show up on the sides and the overlay doesn’t fully cover the background images.

http://fyxi.it/turnerlovell/

Any idea on how to fix this?

Thanks!

[Rupok]

Hi there,

Thanks for updating. It seems you are using this as a layer. It might not work this way. You can try setting the position as absolute with top: 0; right: 0; left: 0; attributes.

Cheers!

[fyxi]

Unfortunately that didn’t work. It seems odd that I can’t make a layer cover the full screen, even to draw a simple line across the width of the screen. Please let me know if you have any other ideas.

Thanks!

[Christopher]

Hi there,

Please remove the image layer from slider and add this CSS :

.home div#x-section-1:before {
    content: " ";
    background-image: url("http://fyxi.it/turnerlovell/wp-content/uploads/2016/04/ND-Filter-500.png");
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: 2;
    background-position: top center;
    background-repeat: repeat;
}

.home div#x-section-1 {
    position: relative;
}

Hope that helps.

[Author]

Posts