- This topic has 3 replies, 2 voices, and was last updated 5 years, 10 months ago by
.
Hi,
I am seeing this weird spacing added at the top of all of my pages between the title bar and the content (ie: http://www.candid-designs.com/about/). The only time if balances out is when the title bar is turned off, but I would like it to be visible. I’ve tried the following coding:
.sh-titlebar .title-level .breadcrumbs {
display: none;
}
#page-container .titlebar-title.sh-table-cell {
text-align: right;
}
.page .sh-titlebar-height-large
.titlebar-title h1 {
font-size: 25px;
}
#page-container #wrapper > .sh-page-layout-full .page-default-content {
padding-top: 0;
}But it is still there. Any suggestions would be greatly appreciated
Hi @cevans00,
I hope you are well today and thank you for your question.
You can reduce that space by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#page-container .content-container.sh-page-layout-default { padding-top: 0 !important; }Best regards,
Shufflehound teamThank you so much. That has worked! If I wanted to reduce the spacing on the portfolio/work page to have the top slider navigation sit higher, how would I do so. Here is the link: https://www.candid-designs.com/
If I wanted to reduce the spacing on the portfolio/work page to have the top slider navigation sit higher, how would I do so.
You can use below custom CSS code to achieve this.
#content > .fw-page-builder-content > section.sh-section { padding-top: 0 !important; }
