Search Results for 'banner'

[Ben Ritner]

Ben Ritner

#222308

Hey,
Can you link to the plugin? I’ll just add support for it and update the theme with that change, basically, just need to add in a filter to tell the base template wrapper to ignore those custom post types.

For a very temp fix that can get those looking normal right away add this into your custom css box in your theme options > custom css:

.single-sa_invoice #containerfooter, .single-sa_invoice .kt_footer_sitewide_shortcode, .single-sa_invoice #kad-banner, .single-sa_invoice #kad-mobile-banner, .single-sa_invoice #ktsidebar, .single-sa_invoice
 #kad-banner-sticky-wrapper {
    display: none;
}

Ben

[Ben Ritner]

Ben Ritner

#221785

You can add this in your theme options > custom css box:

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

That will make sub items of the current menu item not have the current menu item background.

Ben

[aswatkins]

aswatkins

#221534

the tick box comes from the option in WordPress under discussions to show the tick box. I have disabled the plugin cookie notice which shows the banner at the bottom which you mention and the tick box is still present.

[Stine]

Stine

#221388

Hi Hannah!
Thanks for your tips.
But that’s not exactly what I’m looking for.
I want the customer to be able to choose and click on a small flag (example) in top banner and choose to translate the page into English
just for a while they do shopping in my shop.

Basically, I want the language on my page to be Norwegian, as it is today.

Do you think you have a plugin for this feature?

Thank you!
Stine

[Corey]

Corey

#221237

I’m trying to get rid of the banner on the top of every one of my wordpress pages but when I click the “X” it always comes back:

Thanks for choosing the Virtue Premium Theme
We have a new plugin to extend and enhance Gutenberg for your site. To take full advantage of the Virtue Premium Theme please install the Kadence Blocks, this adds extra Gutenberg settings and features.

Activate Kadence Blocks

I would like to get rid of it as it is very BIG!

Thanks, Corey

[Corey]

Corey

#221237

I’m trying to get rid of the banner on the top of every one of my wordpress pages but when I click the “X” it always comes back:

Thanks for choosing the Virtue Premium Theme
We have a new plugin to extend and enhance Gutenberg for your site. To take full advantage of the Virtue Premium Theme please install the Kadence Blocks, this adds extra Gutenberg settings and features.

Activate Kadence Blocks

I would like to get rid of it as it is very BIG!

Thanks, Corey

[admin112]

admin112

#220527

Hi

We are getting an error message below the Homepage and Mobile slider on our website – http://www.wildlifeconservationtrust.org

A heavy banner was uploaded by mistake after which we are getting this error. The banner was deleted immediately from the library. However the error persists.

Request your help to fix it.

[admin112]

admin112

#220527

Hi

We are getting an error message below the Homepage and Mobile slider on our website – http://www.wildlifeconservationtrust.org

A heavy banner was uploaded by mistake after which we are getting this error. The banner was deleted immediately from the library. However the error persists.

Request your help to fix it.

[Kevin]

Kevin

#220201

Hello,

Try this CSS and let me know if it works for you:

@media (min-width: 992px) {
div#kad-banner-sticky-wrapper {
    height: 110px !important;
}
.container.virtue_sitewide_banner {
    display: none;
}
}

-Kevin

[Shaun]

Shaun

#220189

I would the the sitewide banner only to show on mobile devices. Can this be done?

@media only screen and (max-device-width: 768px) {
.virtue_banner {
display: none;
}
}

[Shaun]

Shaun

#220189

I would the the sitewide banner only to show on mobile devices. Can this be done?

@media only screen and (max-device-width: 768px) {
.virtue_banner {
display: none;
}
}

[adventuretravelcoach]

adventuretravelcoach

#220021

Hi Hannah,

Me again,

I’ve created the custom sidebar. Can you please direct me how to add affiliate banners/linkd etc to custom sidebar as I only know how to add to primary sidebar. I can’t click on custom sidebr to edit?

thanks Hannah.

[Ben Ritner]

Ben Ritner

#219975

Hey,

I can get you the css but I must say that in my option you should not do this. I do not think your site works at all with desktop menus showing on 800px tablet screens.

I think this is a very bad idea.

@media (min-width: 768px) {
#kad-vertical-menu {
    display: block;
}
.second-nav-container {
    display: block;
}
body.kad-header-position-left #wrapper {
   padding-left: 292px;
}
#kad-mobile-banner {
    display: none;
    height: 0;
}
}
@media (max-width: 767px) {
#kad-vertical-menu {
    display: none;
}
.second-nav-container {
    display: none;
}
#kad-mobile-banner {
    display: block;
    height: auto;
}
body.kad-header-position-left #wrapper {
    padding-left: 0;
}
}

[shaun]

shaun

#219593

I have some code for a cookie consent banner these are the instructions
Install the consent banner by copying the code snippet below and pasting it into the <head> section on all pages of your website.
but not sure how to do this can you help

[shaun]

shaun

#219593

I have some code for a cookie consent banner these are the instructions
Install the consent banner by copying the code snippet below and pasting it into the <head> section on all pages of your website.
but not sure how to do this can you help

[Glenn]

Glenn

#219224

Here is the header problem:

https://postimg.cc/z3HzQrRm

kad-banner height is 392 pixels.

Thanks

[Kevin]

Kevin

#218953

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

body #kad-banner #logo .kad-retina-logo {
    content: url(https://www.vivalosvegans.com/wp-content/uploads/2019/02/Viva-Los-Vegans-Postres-en-Canc%C3%BAn-M%C3%A9xico-Logo-Completo-Grande.png);
}

.home #kad-banner #logo .kad-retina-logo {
    content: url(https://www.vivalosvegans.com/wp-content/uploads/2019/03/Viva-Los-Vegans-Postres-en-Canc%C3%BAn-M%C3%A9xico-Logo-Cuadrado-Blanco-Grande.png);
}

-Kevin

[Ben Ritner]

Ben Ritner

#218848

You can add this css:

@media (min-width: 992px) {
    .home .kad-header-left {
    width: 100%;
    text-align: center;
}
.home #kad-banner #logo .kad-standard-logo {
    margin: 0 auto;
}

.home .kad-header-right {
    width: 20%;
    position: absolute;
    right: 0;
    top: 0;
}

.home #kad-shrinkheader {
    position: relative;
}
}

Ben

[Ben Ritner]

Ben Ritner

#218631

In your theme options custom CSS box you were adding this which was overriding the image menu with these images:

@media
 (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .homeitemcount1 .infobanner {
        background: url('http://www.coconut-couture.com/wp-content/uploads/2016/01/Sabrina-1siesmall.jpg') !important;
        background-size: cover !important;
    }
    .homeitemcount2 .infobanner {
        background: url('http://www.coconut-couture.com/wp-content/uploads/2015/06/Nachtaufnahme2small_filtered.jpg') !important;
        background-size: cover !important;
    }
}

I removed that css for you,

Ben

[Kevin]

Kevin

#217716

Try adding this CSS and let me know if it works for you:

header#kad-banner {
    z-index: 1500 !important;
}

-Kevin

[Ben Ritner]

Ben Ritner

#217226

Hey,.

For clarifiation it’s not inline, inline is when the css is on the tag itself. So you can override with css from your custom css box by being more specific. For example:

body .stickyheader #kad-banner #logo a {
height: 80px !important;
line-height: 80px !important;
}

But it’s there intentionally because of your header settings. If you can tell me what you are wanting perhaps I can give you some better options?

Ben

[Kevin]

Kevin

#217194

You can remove this bit of CSS:

@media (min-width: 768px) {
.home #kad-banner, .home #kad-banner-sticky-wrapper {
    background: transparent;
    width: 100%;
    z-index: 1000;
    position: absolute;
}
.home #kad-banner-sticky-wrapper.is-sticky #kad-banner {
    background: #809b8c;
    width: 100%;
    z-index: 1000;
}
}

And try replacing it with this:

@media (min-width: 767px) {
.home #kad-banner, .home #kad-banner-sticky-wrapper {
    background: transparent;
    width: 100%;
    z-index: 1000;
    position: absolute;
}
.home #kad-banner-sticky-wrapper.is-sticky #kad-banner {
    background: #809b8c85;
    width: 100%;
    z-index: 1000;
}
}

Does that get you closer to the look you’re after?

-Kevin

[julian]

julian

#217111

HI there

Ok so im doing some customisation of the header on the theme. this particular bit of inlined CSS is causing a real problem:

@media (max-width: 991px)
.stickyheader #kad-banner #logo a, .stickyheader #kad-banner #logo a #thelogo, .stickyheader #kad-banner #kad-shrinkheader {
height: 60px !important;
line-height: 60px !important;
}

I can get around this problem by changing this CSS In the console (removing the a in the first declaration) but I cant locate this anywhere in the javascript files. where is it coming from?

I am using a child theme so I can override this no problem

obviously any CSS i write is just being overriden as well as its both inlined, and !important, which is a real headache

thanks

[julian]

julian

#217111

HI there

Ok so im doing some customisation of the header on the theme. this particular bit of inlined CSS is causing a real problem:

@media (max-width: 991px)
.stickyheader #kad-banner #logo a, .stickyheader #kad-banner #logo a #thelogo, .stickyheader #kad-banner #kad-shrinkheader {
height: 60px !important;
line-height: 60px !important;
}

I can get around this problem by changing this CSS In the console (removing the a in the first declaration) but I cant locate this anywhere in the javascript files. where is it coming from?

I am using a child theme so I can override this no problem

obviously any CSS i write is just being overriden as well as its both inlined, and !important, which is a real headache

thanks

[Kevin]

Kevin

#217037

Hello,

Try this CSS to hide the page header:

div#kad-banner-sticky-wrapper {
    display: none;
}

.contentclass {
    padding-top: 0;
}

And for adding a border to that page builder widget, I suggest navigating to the “attributes” area in the widget styles, and adding the CSS under “CSS Styles” like this:

border: 5px solid red;

Feel free to adjust the CSS as needed. Let me know if you need any further assistance.

-Kevin