Header images distance from top on sydney theme

Hello and thank you for the great theme

By default the slider and the header image of the theme aligns to the top of the page like bellow

frontpage

any page

product category image

I would like the header in section of the site to be clear of image and starting from the homepage slider I found the bellow code in a topic here witch I have changed it to my needs

body.page{
padding-top: 100px;
background-color: transparent;
}
body.home .site-header.fixed {
background: rgba(255,255,255,0.9);
}
body.home .slides-container .slide-item {
background-attachment: inherit;
}

As I understand the code lowers the frontpage content the distance from the page top you wish, in my case 100px.
the result looks like that and its perfect for me

so can you help me to have the same result in any section of the site, ( I mean any header image and content bellow that) posts, pages, product categories etc, to have the same 100px from the top ?

thank you

May someone give an answer to my topic too please ?

Hello,

First thanks for using our theme and sorry for the delay here, seems that we missed this one!

Could you please share your website link/URL with us, so we can do a inspection in your website, see how the HTML is structured, see your custom codes, etc… and then, send the best solution to you.

Kind Regards,

Rodrigo.

aThemes Support

Thank you for your reply

my website is www.gemaldi.com

Hi @ngos,

Thank you for sharing the link.

As checked further, I think these lines of code:

    body.page{
      padding-top: 100px;
      background-color: transparent;
    }

can be replaced with:

    body.page{
      background-color: transparent;
    }

    @media only screen and (min-width: 1025px) {
      body:not(.home) .sydney-hero-area {
        padding-top: 119px;
      }  
    }

Please give it a try and let me know your views.

Regards,
Kharis
aThemes Support

hello Kharis and thank you…

In child theme css I added, as I already mention, the code below

body.page{
padding-top: 100px;
background-color: transparent;
}
body.home .site-header.fixed {
background: rgba(255,255,255,0.9);
}
body.home .slides-container .slide-item {
background-attachment: inherit;
}

After your suggestion I replaced

body.page{
padding-top: 100px;
background-color: transparent;
}

with the code you provided, so the complete new code is

body.home .site-header.fixed {
background: rgba(255,255,255,0.9);
}

body.home .slides-container .slide-item {
background-attachment: inherit;
}

body.page{
background-color: transparent;
}

@media only screen and (min-width: 1025px) {
  body:not(.home) .sydney-hero-area {
    padding-top: 119px;
  }  
}

body{
padding-top: ;
background-color: transparent;
}

With the above every header image in page, blog main page, post, shop main page, shop category page, product is indeed 119px from the top and look awesome…

Except site Homepage where the slider is still on the top of page as in the start.

So may you provide a solution to that too ?

Thank you

Hello,

Great! We are almost there!

Please try adding the given custom CSS code below to create the spacing in the home page:

@media only screen and (min-width: 1025px) {
	.home .sydney-hero-area {
        padding-top: 116px;
	}
}

We hope this helps!

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

aThemes Support

Hi Rodrigo and sorry about my delay.

Yes, that works fine thank you. Please take a last look to the complete code and tell me if there is something unnecessary …

@media only screen and (min-width: 1025px) {
.home .sydney-hero-area {
padding-top: 116px;
}
}

body.home .site-header.fixed {
background: rgba(255,255,255,0.9);
}
body.home .slides-container .slide-item {
background-attachment: inherit;
}

body.page{
background-color: transparent;
}

@media only screen and (min-width: 1025px) {
body:not(.home) .sydney-hero-area {
padding-top: 119px;
}
}

body{
padding-top: ;
background-color: transparent;
}

Thanks again

Hello,

You are welcome!

This is unnecessary:

image

We hope this helps!

If you are satisfied with our theme and support, would be great if you leave your comment and rating in the offical WordPress Themes repository. That helps us a lot: [Sydney] Reviews | WordPress.org

Kind Regards,

Rodrigo.

aThemes Support

Awesome …

I did that !

Thank you

Hello,

You are welcome!

If you need further assistance, feel free to contact us.

Kind Regards,

Rodrigo.

aThemes Support