Remove white spacing

  • Resolved meervdnick

    (@meervdnick)


    8 years, 6 months ago

    Hello guys,

    I just got help with removing the white space around my logo. Now I am curious how I can get decrease the space between the logo and the text underneath it and decrease the space between the logo and the slider? My webiste is https://www.fitt-squad.nl

    Thank you!

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi @meervdnick,

    I hope you are well today and thank you for your question.

    You can try achieving this by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

    Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

    #page span.site-name a.navbar-brand {
    display: block;
}
span.site-name {
    display: block;
    width: 250px;
    margin: 0 auto;
    max-width: 100%;
}
.container.main-content-area {
    margin-top: 0;
}
header.entry-header.page-header {
    margin-top: 0;
}

    Best Regards,
    Vinod Dalvi

    Thread Starter meervdnick

    (@meervdnick)

    Thank you very much. I managed to decrease the space between the logo and the slider but it’s not gone. There are two lines underneath te logo. Is there any way to remove this so the slider is going up even more?

    Thanks you!

    Best regards,

    Nick

    Thank you very much. I managed to decrease the space between the logo and the slider but it’s not gone.

    I visited your shared site and found you are using following custom CSS code on your site that contains some extra braces which is wrong.

    .navbar-default .nav-search {
    display: none;
}
.navbar-default .navbar-collapse {
    float: none;
    margin: 0 auto;
    display: table !important;
}
#logo { padding: 0; }
}
#page span.site-name a.navbar-brand {
    display: block;
}
span.site-name {
    display: block;
    width: 250px;
    margin: 0 auto;
    max-width: 100%;
}
.container.main-content-area {
    margin-top: 0;
}
header.entry-header.page-header {
    margin-top: 0;
}

    The correct code is as following.

    .navbar-default .nav-search {
    display: none;
}
.navbar-default .navbar-collapse {
    float: none;
    margin: 0 auto;
    display: table !important;
}
#logo { padding: 0; }
#page span.site-name a.navbar-brand {
    display: block;
}
span.site-name {
    display: block;
    width: 250px;
    margin: 0 auto;
    max-width: 100%;
}
.container.main-content-area {
    margin-top: 0;
}
header.entry-header.page-header {
    margin-top: 0;
}

    There are two lines underneath te logo. Is there any way to remove this so the slider is going up even more?

    Use the below custom CSS code to remove those lines.

    #masthead #line {
    display: none;
}
header.entry-header.page-header {
    border: 0;
}
    Thread Starter meervdnick

    (@meervdnick)

    Thank you very much!

    You are most welcome here ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Remove white spacing’ is closed to new replies.