[Support request] Adjust margin on Mallow

[Gregg Lybbert]

I am using the Mallow theme and I would like to adjust the margin on the home page so that the containers with the blog posts move up into the hero image just a little more. How do I do this?

[David]

Hi there,

that is also done by CSS, go to Customizer > Additional CSS and look for:

.page-hero + #page {
    margin-top: -100px;
    position: relative;
}

To move the content up change the -100px to a larger negative value. eg. -150px

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Gregg Lybbert]

Thank you so much! I forgot to ask, is there a way to fix the background so that it uses parallax?

[Gregg Lybbert]

When I say background I am referring to the hero image.

[Ying]

Hi Gregg,

In the container’s background settings, there’s an option called Attachment, you can choose fixed.

But it’s just fixed, not parallax.

https://docs.generateblocks.com/article/container-overview/#backgrounds

[Gregg Lybbert]

Ok, where do I find the container for the featured image in Mallow?

[Ying]

Go to appearance> elements, there should be 3 block element - page hero: home hero, site hero, posts hero, click edit.

You will see the container which contains the background image.

[Author]

Posts