Search Results for 'banner'

[Kevin]

Kevin

#192964

Try adding this CSS to Theme Options> Advanced Settings:

.page-id-2051 header#kad-banner {
    display: none;
}

Let me know if that works for you!

-Kevin

[Hannah]

Hannah

#192845

Try using this css:

.trans-header .is-sticky #kad-banner #logo .kad-standard-logo, .trans-header #kad-banner #logo .kad-standard-logo-tranbg {
    min-height: 100px !important;
}

let me know if that works for you!

Hannah

[Kevin]

Kevin

#192497

No problem, I’m glad that works for you!

Here is some CSS to hide the sale banner from your home product carousel:

.home-product-carousel span.onsale {
    display: none;
}

To hide it sitewide, use this CSS:

span.onsale {
    display: none;
}

-Kevin

[Sean]

Sean

#192496

Both of those worked immediately! It’s painfully annoying to know that I have spent a over an hour looking for that button!!

Thank you Kevin, you are a legend!

One more thing, if you don’t mind. On the same carousel – it is possible to get rid of the sale banner? I doubt there is a button for that.

[T]

T

#192361

Is there a way with Virtue Premium to add a banner block at the top of every page? I want something that I can add for my Woocommerce website to let people know when we have sales. So something like…

<div style="width:100%; background:yellow; text-align:center;">
<h3>
FREE 100% OFF SALE | ENTER CODE 12345 AT CHECKOUT
</h3>
</div>

Thanks a lot!

[T]

T

#192361

Is there a way with Virtue Premium to add a banner block at the top of every page? I want something that I can add for my Woocommerce website to let people know when we have sales. So something like…

<div style="width:100%; background:yellow; text-align:center;">
<h3>
FREE 100% OFF SALE | ENTER CODE 12345 AT CHECKOUT
</h3>
</div>

Thanks a lot!

[bartkuiper]

bartkuiper

#192227

This reply has been marked as private.

[Ben Ritner]

Ben Ritner

#191200

Hmm, thanks for posting, I’m looking into this. As a temp fix add this into your theme options > advanced settings > custom css:

@media (min-width: 992px) {
.home.stickyheader #kad-banner {
    height: 94px !important;
}
}

Ben

[Hannah]

Hannah

#191022

Hey,
You can use this css to keep the hover when scrolled:

.stickyheader.trans-header #kad-banner {
    border-bottom: 1px solid red;
}

Hope that helps!

Hannah

[Fabrizio]

Fabrizio

#191001

Dear Support,

Due to the new regulations on privacy, I would like to make my website’s use of cookies and online tracking compliant with GDPR and the ePrivacy Directive (ePR). I found a relatively easy way via http://www.cookiebot.com. Cookiebot consists of three main features: cookie consent, cookie monitoring and cookie control. It generates the necessary codes: 1) one script that needs to be added to the html header of my website template to enable the consent banner, 2) one script to be added in the html of the subpage where I would want to show the cookie declaration in full.

Can you please help me on this matter?

Many thanks,
Fabrizio

[Fabrizio]

Fabrizio

#191001

Dear Support,

Due to the new regulations on privacy, I would like to make my website’s use of cookies and online tracking compliant with GDPR and the ePrivacy Directive (ePR). I found a relatively easy way via http://www.cookiebot.com. Cookiebot consists of three main features: cookie consent, cookie monitoring and cookie control. It generates the necessary codes: 1) one script that needs to be added to the html header of my website template to enable the consent banner, 2) one script to be added in the html of the subpage where I would want to show the cookie declaration in full.

Can you please help me on this matter?

Many thanks,
Fabrizio

[Ben Ritner]

Ben Ritner

#190169

screen size 992px to 768px

That size it tablets and normally the secondary menu wouldn’t be showing.

Here is the css that you would need to add:

@media (max-width: 991px){
    .stickyheader #kad-banner {
        position: relative !important;
    }
}

Ben

[Kevin]

Kevin

#189800

Hey Frank,

This isn’t really recommended, but try adding this CSS to Theme Options> Custom CSS, and let me know if it works for you:

.kt-header-position-above {
        display: block;
}
#kad-mobile-banner {
        height: 0;
}

.kad-right-header.kt-header-flex-item {
    margin-right: 8%;
}

@media (max-width: 1024px) {
.kt-header-position-above #logo a .ascend-logo, .kt-header-position-above #logo a .ascend-trans-logo {
    display: none;
   }
}
@media (max-width: 500px) {
.kad-info-box .kt-info-content-case h4 {
    font-size: 14px;
}}

-Kevin

[Ben Ritner]

Ben Ritner

#189775

With the mobile header the logo link fills all but the mobile menu for example.

You can change with css like this:

#kad-mobile-banner #mobile-logo a {
    max-width: 350px;
}

Ben

[Kevin]

Kevin

#189774

Hello Mark,

I’m not sure what’s causing that, but try adding this CSS to Theme Options> Custom CSS, and let me know if it works for you:

@media (min-width: 600px) and (max-width: 766px) {
#kad-mobile-banner #mobile-logo.kad-mobile-logo-left a {
    width: 60%;
    }
}

@media (min-width: 776px) and (max-width: 991px) {
#kad-mobile-banner #mobile-logo.kad-mobile-logo-left a {
    width: 50%;
    }
}

@media (min-width: 992px) {
#kad-mobile-banner #mobile-logo.kad-mobile-logo-left a {
    width: 40%;
    }
}

-Kevin

[Ben Ritner]

Ben Ritner

#189700

Hey,
Looks like your adding this css:

#kad-banner button, button.slick-prev, button.slick-next {
    display: none;
}

#kad-banner button is not specific enough and is targeting the mobile button. What are you wanting to remove with that?

Ben

[phil2]

phil2

#189675

Thanks Kevin, it looks like this:

// Move gallery slider up above banner in header.
add_action('kt_after_header_content', 'my_custom_head_output');
function my_custom_head_output() {
echo do_shortcode('[gallery columns="12" type="imagecarousel" caption="true" ids="75,74,73,72,71,70,69,68,67,66,65,64,63,62,61,60,59,58,57,56,55,54,53,52,51,50,49,48,47,46,45,44,43,42,41,40,39,38,37,36,35,34,33,32,80,77" orderby="rand"
link="file" masonry="default" height="100" speed="4000"]');
}

add_action('kt_after_header_content', 'my_custom_head_banner_output', 30);
function my_custom_head_banner_output() {
echo '<div class="container virtue_sitewide_banner"><div class="virtue_banner"><img src="http://greytownrailtrail.org.nz/wp-content/uploads/2018/04/Greytown-Rail-Trail-sign.jpg" width="2338" height="622" alt=""></div></div>';
}

[phil2]

phil2

#189616

Hi Team,
Because of the way I have constructed the carousel gallery above the banner image using commands in functions.php, I suspect I have messed up the ability to add a logo.

On this site, I have added a logo but it shows up as huge and I have therefore set display: none. I tried max-width: 10%; but that reduced the size of the carousel pictures too!

Is there away to add the logo into the white space above the sitewide banner without corrupting the display?
Many thanks,
Phil.

[phil2]

phil2

#189616

Hi Team,
Because of the way I have constructed the carousel gallery above the banner image using commands in functions.php, I suspect I have messed up the ability to add a logo.

On this site, I have added a logo but it shows up as huge and I have therefore set display: none. I tried max-width: 10%; but that reduced the size of the carousel pictures too!

Is there away to add the logo into the white space above the sitewide banner without corrupting the display?
Many thanks,
Phil.

[Kevin]

Kevin

#189583

Hey,

You can accomplish that by adding this CSS to Theme Options> Advanced Settings:

header#kad-banner > .container {
    width: 100%;
}

Let me know if that works for you!

-Kevin

[Ben Ritner]

Ben Ritner

#189570

#kad-banner {
box-shadow: 0px 1px 4px rgba(50, 50, 50, 0.35);
}

You can use that.
Ben

[Ben Ritner]

Ben Ritner

#189232

Hey,
1. You didn’t link to the image but the css would be like this:

body.page-id-4964 #kad-banner #logo .kad-standard-logo, .trans-header.page-id-4964 .is-sticky #kad-banner #logo .kad-standard-logo {
    background-image: url(https://styledegree.sg/wp-content/uploads/2016/12/style-degree-logo.png) !important;
}

2. You can target categories like this:

body.term-bathroom .kad-shop-filter {
    display:none;
}

There is no way with css to target categories with no subcategories. So you would either have to add css for each one. Or use a child theme with a custom php function to only add to categories with children.

3. I’ll fix this with the next update for now you can use this css:

#kad-head-cart-popup .button.checkout {
    background: #2bc9ff;
}
#kad-head-cart-popup .buttons .button.checkout:hover {
    background: #2bc9ff;
}

4. This will get updated as well to follow the menu color setting. Here is temp css:

.kad-mobile-nav .form-search .search-query {
    color: #444;
}

Ben

[Hannah]

Hannah

#189081

Hey,
Try adding this to your custom css box in Theme Options > Custom CSS:

@media (max-width: 768px) {
div#kad-banner-sticky-wrapper {
    height: auto !important;
}
}

How does that work for you?

Hannah