Top spacer

[friedrichfotografie]

Hi! Is there any way to change the top spacer height? Its a liitle bit too heigh in my opinion…

Thanks and regards

[SeaTheme]

HI,

I don’t know what’s the top spacer you mentioned.
Please leave your website Url, thanks

Best

[friedrichfotografie]

I mean this space

[SeaTheme]

Hi,

Please adjust the margin-top by custom CSS(“Appearance > Customize: Additional CSS”)

@media (min-width: 768px) {
 .page-template-intro-outer {
    margin-top: 60px;
  }
}

Please leave your website Url if the CSS doesn’t work, thanks

Best

[lenwej]

Hello, the css didn’t work for me.

Best

[friedrichfotografie]

It does not work here either
http://friedrichfotografie.de/

[SeaTheme]

Hi, please update the custom CSS as:

@media (min-width: 768px) {
 .show-top-space #content {
    padding-top: 20px;  /*for desktop, default is 80px*/
 }
}

@media (max-width: 767px) {
 .responsive-ux.show-top-space #content {
    padding-top: 10px;  /*for mobile, default is 40px*/
 }
}

to: lenwej
Please leave your website Url if the CSS doesn’t work, thanks

Best

[lenwej]

Hi, the updated version sadly didn’t work for me either.
http://lennartwejdmark.com

Best

[SeaTheme]

Hi lenwej,

Because there is pagebuilder wrap on this page, if you don’t want to use the Pagebuilder, please click Classic Editor to disable Pagebuilder. The spacer will be gone.

If you want to use Pagebuilder still, please use the custom CSS to adjust top spacer:

@media (min-width: 768px) {
 .container-masonry ~ .pagebuilder-wrap {
    margin-top: 20px;  /*for desktop, default is 80px*/
 }
}
@media (max-width: 767px) {
 .responsive-ux .container-masonry ~ .pagebuilder-wrap {
    margin-top: 10px; /*for mobile, default is 40px*/
 }
}

Best

[lenwej]

Worked like a charm – thx!

Best

[friedrichfotografie]

This reply has been marked as private.

[SeaTheme]

Hi,

Because there is not portfolio template in this page
Please use the custom CSS:

@media (min-width: 768px) {
 .pagebuilder-wrap {
    margin-top: 20px;  /*for desktop, default is 0px*/
 }
}
@media (max-width: 767px) {
 .responsive-ux .pagebuilder-wrap {
    margin-top: 10px; /*for mobile, default is  0px*/
 }
}

Best

[friedrichfotografie]

Works perfect! Thank you!

[Author]

Posts