Widget/Sidebar

[Kilik91]

Hi, I want to reduce the gap between the sidebar and the content, and also the gap between the widgets within the sidebar. Is there an option for that or a css ode I can use?

I also want to reduce the gap between the content and the top menu. How can I do that?

Exp. page:

Thanks very much in advance!
Dennis

[rad]

Hi @Kilik91,

Thanks for reaching out.

It’s the default layout spacing, please add this CSS to your global custom CSS to change it.

.page-template-template-layout-content-sidebar .x-container.offset {
    margin: 0.75em auto;
}
@media ( min-width: 980px ) {
.page-template-template-layout-content-sidebar .x-main {
    width: 73.79803%;
}
}

Thanks!

[Kilik91]

Thanks that helped a lot!

Can you also tell me how to reduce the gap between the two widgets in the sidebar? The Google Map Widget and the “Unterkünfte in der Nähe” Widget. I would like to reduce it a little.

Thanks in advance!

[ruenel]

Hello There,

To reduce the space between the widgets in your sidebar, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-sidebar .widget {
    margin-top: 1em;
}

Clear your plugin caches first before you test your site.