Search Results for 'banner'

[Ben Ritner]

Ben Ritner

#195726

Hey,
So you have it added in your child theme css line 33 here: https://www.massoleum.com/wp-content/themes/virtue_premium_child/style.css?ver=1.0.0

If you don’t want to remove that you can overide it using hananhs css

You added this which is not correct, you are adding a . and you should not:

You should paste exactly as posted here:

#kad-mobile-banner {
background: rgba(255,255,255,.7) !important;
}

I hope that helps,

Ben

[Julie]

Julie

#195722

I found where to put the line, but it dosen’t work… 🙁

do you see the problem?

.topclass {border-bottom:solid #c5d86d ; font-size:20px;}
#menu-top ul {font-size:18px;}
.topbarmenu ul li a {font-size:18px; color:#000000;}
#menu-top {color:#000000;}
.banner {border-bottom:solid #c5d86d;}
.brand .logofont {line-height:60px;}
#thelogo {line-height:60px;}
.email {color:#061a0f;}
.vcard {color:#061a0f;}
a.email:hover {color:#061a0f;}
.wpcf7 .wpcf7-form {
width: 250px;
}
.wpcf7 input.wpcf7-submit { font-size: 22px; }
.main {background-color#061a0f!important;}
.captiontext, .captiontitle {text-shadow: rgb(0, 0, 0) 2px 2px 0px !important;
padding : 5px;}
.rfbp-heading {font-size:14px; line-height:14px;}
a.rfbp-link:hover {color:#ffffff;}
.p {text-align:justify;}
.h5 {text-align:justify;}
.html {text-align:justify;}
.fa { color:#061a0f;}
.textwidget h5 {color:#061a0f!important;}
.widget_nav_menu h3 {color:#061a0f!important;}
.menu a:hover {color:#061a0f!important;}
.#kad-mobile-banner {
background: rgba(255,255,255,.7) !important;
}

[Hannah]

Hannah

#195707

OK, I’m just going to have you add this into your custom css box in Theme Options > Advanced Settings:

#kad-mobile-banner {
    background: rgba(255,255,255,.7) !important;
}

Let me know how that works for you!

Hannah

[Julie]

Julie

#195706

Sorry, I speak french so it’s not easy for me to understand all terms you use.

When I’m here:
https://www.massoleum.com/wp-admin/customize.php?theme=virtue_premium_child&return=https%3A%2F%2Fwww.massoleum.com%2Fwp-admin%2Fthemes.php
Where can I found the style.css place to delete or edit #kad-mobile-banner ?
My wordpress is in french so it’s more difficult!

Thank you so much! I am outdated!

[Hannah]

Hannah

#195674

Hi Julie,
It looks like you’ve added this into your style.css:

#kad-mobile-banner {
    background-color: rgba(255, 202, 165, 0.7)!important;    
}

You just need to remove that.

Hannah

[Kevin]

Kevin

#195147

Hello,

Here is some CSS that will show the mobile header at all times:

 .kt-header-position-above, .second-nav-container {
        display: block;
}
    #kad-mobile-banner {
        display: block;
        height: auto;
}

header#kad-header-menu {
    display: none;
}

Add to Theme Options> Custom CSS, and let me know if it works for you. I’m not sure of a CSS solution for retaining the topbar though. Perhaps Ben or Hannah will have a suggestion.

Let me know if this is helpful.

-Kevin

[Ben Ritner]

Ben Ritner

#194270

In your child theme you are adding this:

.stickyheader #kad-banner {
    position: relative !important;
}

Which forces the header to not be sticky.

Ben

[Jesse]

Jesse

#194178

Hi, I’ve just added a banner to our home page. I’ve tried everything I can think of, but this banner has a 20-25px top and bottom margin and I need it to be about 5px. I’ve adjusted the row style and the widget style layer properties for 0px margin, 0px padding, and 0 gutter. and I’m still getting this white margin on top and bottom. Please help!

*Login to see link

[Jesse]

Jesse

#194178

Hi, I’ve just added a banner to our home page. I’ve tried everything I can think of, but this banner has a 20-25px top and bottom margin and I need it to be about 5px. I’ve adjusted the row style and the widget style layer properties for 0px margin, 0px padding, and 0 gutter. and I’m still getting this white margin on top and bottom. Please help!

*Login to see link

[Kevin]

Kevin

#194075

Try this instead:

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

If that doesn’t work is it possible for you to share a link to your site?

-Kevin

[Kevin]

Kevin

#194073

Hello John,

You can remove the header from just your home page by adding this CSS to Theme Options> Advanced Settings:

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

If that doesn’t work, please post a link and so I can see your current header configuration.

-Kevin

[Ben Ritner]

Ben Ritner

#193994

You are adding this css:

.internalBanner {
    height: 425px;
    background-position: 100% 20%;
    margin-top: -17px;
    padding-top: 107px;
}

You can’t add margin top -17 because that places the row into the head and you get the layout broken.

Ben

[Ben Ritner]

Ben Ritner

#193810

.home #kad-banner {
    position: absolute;
    z-index: 1000;
    width: 100%;
    background: transparent;
}
.home .wrap {
    padding-top: 34px;
}

Here is the css type of hack.

Ben

[Ben Ritner]

Ben Ritner

#193702

Update the css to this:

.kad-nav-inner.mobileclass {
    background: white;
}
@media (max-width: 991px){
.stickyheader #kad-banner-sticky-wrapper #kad-banner.kt-not-mobile-sticky, #kad-banner.kt-not-mobile-sticky{
    position: relative !important;
}
}
.kad-nav-inner.mobileclass {
    position: absolute;
    width: auto;
    left:0;
    right:0;
}

.id-kad-mobile-nav {
    position: relative;
    z-index: 10000;
}

Let me know if that works for you.

Ben

[Ben Ritner]

Ben Ritner

#193600

Hey,
So you are adding a header background image that doesn’t work well with the header growing when the mobile menu is open. Because of that I’m going to suggest this css:

.kad-nav-inner.mobileclass {
    background: white;
}
@media (max-width: 991px){
.stickyheader #kad-banner-sticky-wrapper #kad-banner.kt-not-mobile-sticky {
    position: relative !important;
}
}
.kad-nav-inner.mobileclass {
    position: absolute;
    width: auto;
    left:0;
    right:0;
}

.id-kad-mobile-nav {
    position: relative;
    z-index: 10000;
}

Please try that and let me know if that works for you.

Ben

[Stephen]

Stephen

#193506

Hi Ben,

My Apologies, I just made this fix. Please let me know if I did it correctly and if not where I would go to do it.

Your right it is not a Kadence Slider issue (I was thinking about it before sending you the message and it got stuck in my mind)

It seems that the banner does not fit in the container correctly on IE or FoxFire but works for Chrome and Safari. I mainly use Chrome and was informed of this issue after updating the theme and plugins last week.

https://www.caminofcu.org/elite-checking/

I appreciate your guidance!

[Ben Ritner]

Ben Ritner

#193282

Hey,
If you want the entire background image to remain visible all the time you must set it to “contain” not cover. Please see here to understand how backgrounds work: https://www.kadencewp.com/background-image-sizing/

A background does not determine the size of an area. If you want to add an image that determines the size of an area then you can’t use a background you would need to add a banner for example. Please read and let me know if that makes sense.

Ben

[Stephen]

Stephen

#193234

Below is the updated link
https://www.caminofcu.org/1-cash-back-auto-loan-campaign/

It seems any version of IE, I use a mac and heard from a client that the banners aka Kadence slider are not working. Using https://live.browserstack.com/dashboard#os=Windows&os_version=10&browser=Edge&browser_version=17.0&zoom_to_fit=true&full_screen=true&resolution=responsive-mode&url=www.browserstack.com%2Fwelcome&speed=1&host_ports=google.com%2C80%2C0 to test site.

[John]

John

#193027

Hi Kevin

It works now with this CSS (I took the “mobile” out in the div#):
}
.page-id-2051 .kad-header-left,
.page-id-2051 .kad-header-right, .page-id-2051 div#kad-banner {
display: none;
}

[James]

James

#193011

This reply has been marked as private.

[Kevin]

Kevin

#193003

Try this:

.page-id-2051 .kad-header-left, 
.page-id-2051 .kad-header-right, .page-id-2051 div#kad-mobile-banner {
    display: none;
}

Let me know if that works!

-kevin