Docs

[EYESCOOL]

Hello, I just purchased your template this morning and have been busy populating it.

Is there a way to hide page content on the home page so that just my background image and menus are shown.

as a work around I added a slider to the page, with my desired image, but the page content still is shown below. and i would prefer to have the image in the background for all my pages not just the home page.

my Website is donotresistfilm.com

Thanks so much for your assistance!

Dan

[John Ezra]

Hi Dan,

Thanks for writing in! Please remove the slider and use CSS. You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

div#top {
    background: url("http://www.donotresistfilm.com/wp-content/uploads/2016/04/Do-Not-Resist-head.png") no-repeat;
    background-size:contain;
    background-position: 50% 50%;
}

.home .x-main.full {
    display: none;
}

.home .x-container.max.width.offset {
    min-height: 600px;
}

Hope this helps – thanks!

[EYESCOOL]

Thank you so much that is exactly what I needed!

[Rad]

You’re welcome!

[EYESCOOL]

Hi Again,

I need a little additional assistance on my homepage with you custom css. When a browser is opened to full screen the background image rises up into the header. Image attached.

Is there a way to keep the image below the header or at least make the line transparent?

Thanks again for all your help!

Dan
dontnotresistfilm.com

[Christopher]

Hi there,

Please update your code to :

div#top {
    background: url("http://www.donotresistfilm.com/wp-content/uploads/2016/04/Do-Not-Resist-head_6.png") no-repeat;
    background-size: contain;
    background-position: 50% 74%;
}

Hope it helps.

[EYESCOOL]

Thanks for the help. That does move the image down a bit. but still goes through the header line when you full screen. it also makes the layout not work as well when it switches to tablet mode.

Is there a way to just make that line transparent?

Thanks for again!

[Rad]

Hi there,

Please add this as well,

.x-navbar {
    border-bottom: 0px;
    box-shadow: none !important;
}

That should take care the line, cheers!

[EYESCOOL]

Thanks for your assistance. You guys rock!

[Rupok]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[EYESCOOL]

OK I am back again. Just added some awards to my image. But now my footer goes on top of my images.

What would be the best way to correct?

Is it possible to put in a hard number that the footer couldn’t go above.

Thanks again for all your assistance!

[Nabeel A]

Hi again,

Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.home footer.x-colophon.bottom {
    margin-top: 200px !important;
}

Let us know how this goes!

[Author]

Posts