Search Results for 'banner'

[Ben Ritner]

Ben Ritner

#179573

My Home page template is a landing page so headers and footers should not display.

Ok, I see, That isn’t how it works. The home page can’t be a template. It is already the front page template. It doens’t matter what template you set in the page settings as soon as it becomes the home page isn’t going to use that.

Before when you posted it didn’t matter which click they both went to your home page because it was set as the home page. So I didn’t see that on a page you created outside of the home page you were using a landing page template.

So in the end if you want to remove the header and footer from your home page (effectively making a splash page of sorts) you would have to use css like this:

.home #kad-header-menu, .home #containerfooter, .home #kad-mobile-banner {
    display: none;
}

Ben

[phil2]

phil2

#179409

Hi team, a related question on the same site.

I want to bottom-align the logo and the kad-header-widget (although the contents of the widget are fine middle-aligned).
I am trying #kad-banner div.container > div:nth-child(1) > div {vertical-align: bottom;}
but it isn’t having any effect.

Please could you advise what I’m doing wrong?
Many thanks,
Phil.

[John Paul]

John Paul

#179047

Hi Support!

I did find a thread with the above title but didn’t work for me..

I cannot see anywhere in theme options to reduce/set the Header padding?

Here is a page on my site that I wish there to be no “gap” between a slider/banner image and the header.

Currently there is a white 20px gap…

Here is the page: Example Page

Thanks in advance..

John 🙂

[John Paul]

John Paul

#179047

Hi Support!

I did find a thread with the above title but didn’t work for me..

I cannot see anywhere in theme options to reduce/set the Header padding?

Here is a page on my site that I wish there to be no “gap” between a slider/banner image and the header.

Currently there is a white 20px gap…

Here is the page: Example Page

Thanks in advance..

John 🙂

[Stephen]

Stephen

#178184

Thanks again for your help, just a heads up, we had to abandon this feature as the clients images are all different sizes. Some of them were too small to cover the banner area – they have over 100 posts, so we’re not going to back and resize them.

[Ben Ritner]

Ben Ritner

#177630

The minimum mobile can’t be larger than the slider height and it’s only an option if you are using “respect aspect ratio”

You can add this css to change the header height on mobile:

@media (max-width: 768px){
    .kad-header-style-basic #logo a.brand, .kad-header-style-basic #logo #thelogo, #kad-shrinkheader, .kad-header-style-basic #nav-main ul.sf-menu > li > a, .kad-header-style-basic #kad-shrinkheader #mobile-nav-trigger a{
    line-height: 70px !important;
    height: 70px !important;
}
#kad-banner #logo .kad-standard-logo {
    max-height: 70px !important;
}
}

Ben

[Ben Ritner]

Ben Ritner

#177623

In your theme options > advanced settings add this css:

.home.stickyheader #kad-banner {
    height: 94px !important;
}

That should fix, looks like a conflict with the slider above the header but only being a couple hundred pixels high so it’s trying to change shrink expand size. the css will fix that.

Ben

[Kevin]

Kevin

#177532

Try adding this CSS to Theme Options> Custom CSS, and let me know how it works for you:

body.trans-header #kad-mobile-banner-sticky-wrapper div#kad-mobile-banner {
    border-bottom: 1px solid #dd9696;
}

-Kevin

[Kevin]

Kevin

#177084

Hello,

Try adding this CSS to Theme Options> Advanced Settings:

@media (min-width: 992px)  {
header#kad-banner .container {
    width: 100%;
    }
}

Let me know if that works for you!

-Kevin

[Kevin]

Kevin

#176890

Try adding this CSS to Theme Options> Advanced Settings, and let me know if it works for you:

.home header#kad-banner {
    display: none;
}

-Kevin

[Hannah]

Hannah

#176457

You still didn’t fix the above css. Try replacing all that with this:

banner .virtue_sitewide_banner {
min-width: 100% !important;
text-align: center;
padding-left: 0px;
padding-right: 0px;
}
aside#ktsidebar {
    background: #2B3035;
    padding-right: 0;
}

Hannah

[Rina]

Rina

#176436

Dear Hanna,

The background color is still white.I have changed the advanced setting into:

banner .virtue_sitewide_banner {
min-width: 100% !important;
text-align: center;
padding-left: 0px;
padding-right: 0px;
}
#ktsidebar {
padding-right: 0; #2B3035;
}

[Hannah]

Hannah

#176303

You have an open class here:

banner .virtue_sitewide_banner {
min-width: 100% !important;
text-align: center;
padding-left: 0px;
padding-right: 0px;

You need to change that to this:

banner .virtue_sitewide_banner {
min-width: 100% !important;
text-align: center;
padding-left: 0px;
padding-right: 0px;
}

And then fix this as I said above:

#ktsidebar {
padding-right: 0; #2B3035;
}

Hannah

[Rina]

Rina

#176298

I’ve the following in my theme options, advanced setting:
banner .virtue_sitewide_banner {
min-width: 100% !important;
text-align: center;
padding-left: 0px;
padding-right: 0px;

#ktsidebar {
padding-right: 0; #2B3035;

}
.sidebar .widget-first {
margin-top: 0;

}
.wrap.contentclass{
padding-top: 0;

}

Strange that you van’t see it.

[Ben Ritner]

Ben Ritner

#176082

In your theme options > custom css add this css:

#kad-banner .kad-primary-nav ul.sf-menu ul li.current-menu-item > a, .kad-primary-nav ul.sf-menu ul li.current-menu-item a:hover {
    background: #f3690e;
}
.kad-primary-nav ul.sf-menu ul li.current-menu-item a {
    background: transparent;
}

Ben

[Rina]

Rina

#176023

Hi Hannah,

I mean the white padding around the sidebar. You can see on mijn website that the value of the cryptocurrency goes until the end/right.
Also on mobile the sidebar is not about the entire page width

it is also possible to remove the white space under the banner so that both the photo and the sidebar are against the banner?

Thanx,
Rina

[jreiniger]

jreiniger

#175643

Actually, I do have one more question: I have set my content and header max-width to 800px, but everything else is still 1140px like page title etc. So on the product pages the new header is now also 800px wide since it is part of the content on these pages. I have

#content, #kad-banner > div.container{max-width:800px;}

but want the page title to be 1140px on the single product pages as well.

Thank you very much.

[Ben Ritner]

Ben Ritner

#175220

1. You can add this css in your theme options > advanced settings:

#kad-banner:after {
    content: '';
    border-bottom: 1px solid #999;
    position: absolute;
    bottom: 0;
    width: 100%;
}

2. You can add this css in your theme options > advanced settings:

.kad-topbar-left {
    width: 100%;
    float: none;
}
.kad-topbar-right {
    display:none;
}
.kad-topbar-left .topbarmenu, .kad-topbar-left .topbarmenu ul {
    float: none;
    text-align: center;
}
.topbarmenu ul li {
    float: none;
    display: inline-block;
}
.topbarmenu ul li a {
    color: #444;
}

Ben

[Mark]

Mark

#175210

Hi Hannah,

Unfortunately that’s not what I’m after.

I have managed to get the effect I’m after with the following custom CSS which allows the removal of the heading and keep the menu displayed.

@media only screen and (max-width: 992px) {
#kad-banner .container .row{
display: none;
}
}

Hopefully this is ok please let me know if I should not apply this.

Mark.

[Marty]

Marty

#175201

Ben,

Thanks…. I Found the info on WordPress on creating Templates. I will spend some time reading on that.

On using the Landing Template page, yes, I have been using that template for a new Home Page we want to push out. The issue I have run into is eventually it will become the Home page (bcha.org/new-home2). The home page will contain a different Footer and No header compared to all the other pages. All is fine till I change the setting in WordPress which defines which page is the home page. When this page bcha.org/new-home2 becomes the home page and it is assigned to the landing page template I get the normal header and footer back again. When it is not the home page defined by bcha.org, all is well. So as a temporary solution I have added some CSS code to set the standard header and footer to “display:none”, which is working but the extra code is being sent out when it is not needed. So right now when I change the bcha.org/new-home2 to the home page it will work, but I thought I would build a new template so the normal header and footer would not be sent out. When it is set to the actual home page then some other template must take over.

One other minor thing is broken, tied to Page Builder. For this new page, bcha.org/new-home2 I am using Page Builder. There is a font size setting which reduces the title font size when on a small screens. This page bcha.org/new-home2 when not the home page works just fine, however when switching to the actual WordPress home page breaks the Title font size as if the CSS font size is no longer being applied. Most likely some class order has changed and the CSS tied to Page Builder is not being applied.

My CSS:
body.home.page-template.page-template-page-landing header#kad-banner.banner,
body.home.page-template.page-template-page-landing .sliderclass.cyclone_home_slider,
body.home.page-template.page-template-page-landing .ban-container,
body.home.page-template.page-template-page-landing .kt_footer_sitewide_shortcode,
body.home.page-template.page-template-page-landing footer#containerfooter.footerclass {display:none}
body.page-template.page-template-page-landing .synved-social-container.synved-social-container-share{display:none;}

I was hopping the solution would be to setup new Template pages.

[David]

David

#174925

Hi there,

I am trying to update the embedded map in the banner on the contact page template but even when adding a UK address the map displays a random location somewhere else.

Am I missing something?

Thanks

[David]

David

#174925

Hi there,

I am trying to update the embedded map in the banner on the contact page template but even when adding a UK address the map displays a random location somewhere else.

Am I missing something?

Thanks