Search Results for 'banner'

[Ben Ritner]

Ben Ritner

#32515

1. You can add this css:

#kad-banner:after {
content: " ";
height: 2px;
position: absolute;
width: 100%;
z-index: 1000;
background: white;
}

2. Yes that would happen, the shrink header doesn’t support descriptions. You can use css to force it in the header but it still won’t look right:

.sf-menu li a .sf-description {
position: absolute;
bottom: 0px;
}

Ben

[Ben Ritner]

Ben Ritner

#32498

1. You would have to add this css:

.home header#kad-banner {
height: auto !important;
}

2. Theme options > logo settings. You can change the “Logo Container Width”

Or you can add css like this:

.kad-header-style-basic .kad-primary-nav ul.sf-menu>li>a {
padding: 0 10px;
}

Ben

[syd]

syd

#32324

Heello, trying to add a adsense banner in header, have it set to the Logo Layout with the widget, but where to i add the code to the widget?

Thanks

[syd]

syd

#32324

Heello, trying to add a adsense banner in header, have it set to the Logo Layout with the widget, but where to i add the code to the widget?

Thanks

[Andreas]

Andreas

#32163

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#32118

1.

@media (min-width: 768px){
    #topbar {
    position: fixed;
    top: 0;
    z-index:1000;
}
#kad-banner {
    padding-top: 39px;
}
}

try that ^ leave it on so I can see, I’ve adding through the browser and it’s working without issue.

2. You can add this in the menu navigation label if you don’t want text:  

Ben

[Ben Ritner]

Ben Ritner

#32031

ok you can add this:

@media (min-width: 768px){
    #topbar {
    position: fixed;
    top: 0;
}
#kad-banner {
    padding-top: 39px;
}
}

If you want it to be sticky on mobile too you would need this css:

@media (max-width: 768px){
    #topbar {
    position: fixed;
    top: 0;
}
#kad-banner {
    padding-top: 76px;
}
}

Ben

[Ben Ritner]

Ben Ritner

#31992

1. sorry:

.kad-cart-total i.icon-basket:before {
content: “e0d2”;
}

2. You can add this:

div#kad-banner-sticky-wrapper {
background: #fff;
}

still not perfect but will help.

Ben

[Ben Ritner]

Ben Ritner

#31971

2. You cause this css:

#nav-main ul.sf-menu > li.menu-item-130 > a {
margin: 0 10px;
}

3. It’s not an option with the standard header because the mobile menu drops below the logo and that is a lot of space. Having that always in view makes for a non user friendly mobile site. You can force it with css, but I don’t recommend it, here is the css:

@media (max-width: 767px){
   header#kad-banner {
    position: fixed !important;
    width: 100%;
    height: 152px !important;
    z-index: 1000;
    top: 0;
}
.wide #wrapper.container {
    margin-top: 152px !important;
}
}

Ben

[Greg]

Greg

#31899

That did it – thanks! Is there a way to apply what .advertising does to all of the pages (I guess excepting the main page) as I am planning to put that banner on every page?

[William]

William

#30955

http://www.titus2partnership.org/news/happy-valentines-day/ Did not work. Note the slider at bottom of post. I use Max Banner Pro banners just below the slider. I want space between the slider and the banners.

[William]

William

#30948

I need css code for this. I used to beable to hit return 3 times to add space between bottom of post/page text and banner and footer. Doesn’t work now.

Thanks

bill

[William]

William

#30948

I need css code for this. I used to beable to hit return 3 times to add space between bottom of post/page text and banner and footer. Doesn’t work now.

Thanks

bill

[Ben Ritner]

Ben Ritner

#30506

1. Can you post a login to the site.

2. you can remove the image menu margin with this css:

.infobanner {
margin: 0;
}

Ben

[Ben Ritner]

Ben Ritner

#30248

image menus are set to “cover” the space. they are not like the virtue: image widget which just places the image. They were designed to have a background image with text on top and a hover effect, see here: http://themes.kadencethemes.com/virtue-premium-3/

So they have a cover background size. meaning they are set to make sure the widget has a background over the whole area.
You can take that off with this css.

.infobanner {
background-size: auto !important;
}

Ben

[Ben Ritner]

Ben Ritner

#30198

Frank, try adding this css in your custom css box in the theme options:

header#kad-banner:after {
content: ' ';
clear: both;
display: table;
}

Ben

[Ben Ritner]

Ben Ritner

#29903

Andrea, you can have the logo on top. just have to set your slider to be below the header, like it is in the link you just posted. You can do that right in the theme options > slider settings. Turn off the slider above header option.

2. I’ll suggest this css:

@media (min-width: 1200px) {
.container {
width: 992px;
}
.boxed #wrapper.container, .boxed.stickyheader .is-sticky #kad-banner {
    width:1170px
}
}

Ben

[Ben Ritner]

Ben Ritner

#29821

ok, so don’t use the banner, that is site-wide and not fullwidth. Use the Kadence or Revolution slider. Add your image in the plugin settings and then just select to hide all navigation so it shows as one image. You can a add that slider to your home page only in the theme options > slider settings.

Ben

[Ben Ritner]

Ben Ritner

#29789

Well now you don’t have the margin.. if you want to remove the padding with the image itself you can use this css:

.infobanner {
margin: 0;
}

Ben

[Ben Ritner]

Ben Ritner

#29753

Sorry no, this is one of the main differences between the themes. There are many things that make this work in pinnacle and it’s more then css. You can always hack at things but I can’t really recommend it. To maintain the responsive nature and make this work in virtue it just wouldn’t be a simple css thing.

You can see what I mean when you add this css:

#kad-banner {
    position: fixed;
    width: 100%;
    z-index:1000;
    background: transparent;
}
#kad-banner-sticky-wrapper {
    height: 0 !important;
}

Ben

[Ben Ritner]

Ben Ritner

#29643

Hey,
1. Fixing the wide layout on the home page, change out your css for this:

.boxed.home #wrapper.container {
box-shadow: none !important;
-webkit-box-shadow: none !important;
width: 100%;
margin-bottom: 0;
padding: 0;
}
.boxed.home.stickyheader .is-sticky #kad-banner {
width: 100%;
margin: 0 auto;
}

2. Background pattern too small??? I’m not sure I understand, the image is here: YOURURL.de/wp-content/uploads/2015/01/Muster-hugmee-blau-e1422714069659.jpg

It’s the same size as whats in the background?

3. The logo. your using the shrink header? But you don’t want the logo to shrink? So do you want the menu to shrink and the logo to stick out?

Ben

[Ben Ritner]

Ben Ritner

#29523

You can use css like this:

.home .fullwidthbanner-container .fullwidthabanner {
max-width: 1400px;
margin: 0 auto;
}

Ben