Parallax Pro Home Section 1 widget, Float Center

[kaden]

Is there a way to center or float the text/content in the Home Section 1 widget. So that the text/content always floats in the middle (both vertically & horizontally) of the page and the page doesn't scroll? I'm guessing this could be achieved with padding, but I'm not sure whether to add this code to the html text box or where I would adjust the css.

Thank you,

Kaden

http://www.nordet.us

[Brad West]

I'd do it like this:

.home-section-1 {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}

This will keep your homepage from scrolling, but you might need to adjust some padding for mobile.

[kaden]

Thank you for the code, this also changes the background image too,

is there a way to only have an effect on the text and not the background image?

Thanks,

Kaden

[Brad West]

How is the background image being changed?

[Brad West]

This article might be helpful: https://css-tricks.com/perfect-full-page-background-image/

[kaden]

Thank you Brad!

The background image moves when I make changes to the padding, as the it seems the widget controls both the text and the background image.

Kaden

[Gandt]

Kaden

You want the text to be static, always, regardless of scroll, for that section?
You have a white footer at the bottom which is what generates the need to scroll down.

G

[Author]

Posts