How to make pages like the homepage?

Hi there,
You can save the Elementor section as a template and use it on another page. Let us know again if you need help regarding so or want step by step instruction for creating a similar section. Thanks.

Hello

I did that but look at the difference on the header. I don’t want the breadcrumbs. Thank you!

Startpage: https://www.weerstationzoersel.be/2019
Other page: https://www.weerstationzoersel.be/2019/dagje-uit

• This reply was modified 5 years, 7 months ago by kevinroelands.

Please go to the Page edit screen > Page Settings > Header and check Enable Transparent Header.
Then, you need to add the following code inside Appearance > Customize > Additional CSS :

.has-transparent-header .tg-header-container {
    margin-top: 20px;
    border-bottom: solid 3px #48D6DE;
    padding: 20px 30px;
    box-shadow: 0 3px 20px rgba(0, 0, 0, .03);
    background-color: #fff
}
.has-transparent-header .tg-site-footer .tg-footer-widget-container {
    padding: 250px 0 25px
}

.has-transparent-header .site-header.tg-site-header {
    position: absolute;
    top: 0;
    z-index: 9999;
    height: auto;
    width: 100%;
    background: transparent;
}

@media (max-width:768px) {
    .has-transparent-header .tg-header-container {
        margin-top: 0
    }
}

Thanks.

Will try it later today. Thank you

Little last question: This will not affect all pages?

The page settings changes will affect the same page only and the CSS affects all the pages where you’ve set transparent header. Hope that is what you want.

Super! Will try it. Thank you very much. Have a nice day.

Hello,

i did what you said but the picture is not showing behind the menu like the home screen. Did i do something wrong?
https://weerstationzoersel.be/2019/dagje-uit/

This is the CSS code:
.home .tg-header-container{margin-top:20px;border-bottom:solid 3px #48D6DE;padding:20px 30px;box-shadow:0 3px 20px rgba(0,0,0,.03);background-color:#fff}#working-hours p{margin:6px 0}.home .tg-site-footer .tg-footer-widget-container{padding:250px 0 25px}@media (max-width:768px){.home .tg-header-container{margin-top:0}}
.has-transparent-header .tg-header-container {
margin-top: 20px;
border-bottom: solid 3px #48D6DE;
padding: 20px 30px;
box-shadow: 0 3px 20px rgba(0, 0, 0, .03);
background-color: #fff
}
.has-transparent-header .tg-site-footer .tg-footer-widget-container {
padding: 250px 0 25px
}

.has-transparent-header .site-header.tg-site-header {
position: absolute;
top: 0;
z-index: 9999;
height: auto;
width: 100%;
background: transparent;
}

@media (max-width:768px) {
.has-transparent-header .tg-header-container {
margin-top: 0
}
}

Thank you very much.

• This reply was modified 5 years, 7 months ago by kevinroelands.

Hi,
Please add this CSS:

.has-transparent-header .tg-page-header {
    display: none;
}

Thanks.

It worked! Thanks for the support. <3

Great to hear that it worked for you. ?? We hope you liked the theme if so, you can help us by leaving a review here. Thanks.