Backgrounds for posts and pages

Hey,

The link you posted to a site using pagebuilder to place content in the page with a full width background. That content isn’t a post. It’s added into pagebuilder. So you can do that but the theme doesn’t have an option to show posts in this way. Posts are output in a loop through wordpress and you can’t show them all differently on the same page.

With the premium theme you can change the header background for each page but that isn’t a built in option with the free theme.

Kadence Themes

Hello

Thanks for your response. I’ve installed the Page Builder plugin to get the feel that I wanted. But, I have few concerns over here.

Re-posting my site address: https://assessmentclinic.uic.edu/

1. There’s a white space between the topbar and the Page builder content.

2. And the size of this white space increases when I change the resolution to a tablet mode, I mean a screen resolution between the mobile and Desktop. In this scenario, the top bar menu content is coming over into that white space.

I figured out that this has to do something with the “kad-header” class itself. But, I wasn’t able to understand how to remove that white space.

Could you please help me out with this issue.

Thanks in advance ??

1. You can add this:

.kad-header-left, .kad-header-right {
    min-height: 0;
}

2. Yeah you’re using the topbar as the header… add this css:

.kad-topbar-left {
    width: 70%;
    float: left;
}
.kad-topbar-right {
    width: 30%;
    float: left;
}
@media (min-width: 768px){
.kad-topbar-left {
    width: 30%;
    float: left;
}
.kad-topbar-right {
    width: 70%;
    float: left;
}
}

Kadence Themes