Search Results for 'banner'

[Kevin]

Kevin

#119843

Try changing to this and let me know if it works:

.woocommerce-checkout #kad-banner {
    position: initial !important;
}

-Kevin

[Kevin]

Kevin

#119813

Hey Andreas,

1. Try this CSS:

input#place_order {
    background: red;
}

input#place_order:hover {
    background: blue;
}

You’ll want to change the colors to suit your needs, but place the CSS into Theme Options> Custom CSS and let me know if that’s what you’re wanting to change.

2. You’re adding some CSS that is making that border:

.beta td, table th {
    border: 1px solid #ff9a31;
}

What are you wanting that border on? I can help you with more specific CSS so that you’re not targeting the other tables.

3. This CSS should do that for you:

.woocommerce-checkout .stickyheader #kad-banner {
    position: initial !important;
}

4. Go to WooCommerce> Settings> Checkout, and disable there.

Let me know if this is helpful!

-Kevin

[Ben Ritner]

Ben Ritner

#119501

I added this css:

.home.stickyheader #kad-banner {
    transform: none;
position: static;
}
.home #topbar {
    position: fixed;
    width: 100%;
    top: 0px;
 z-index:9999;
}
.home.admin-bar #topbar {
    top: 32px;
}
.home .is-sticky #kad-banner {
    padding-top: 36px;
}
.home .kad_fullslider {
    padding-top: 36px;
}
@media (max-width: 768px) {
.home .kad_fullslider {
    padding-top: 72px;
}
}

Ben

[Linette]

Linette

#119419

No it does the same as orginal.

When I use this: .home .infobanner {
background-size: contain !important;
}

the size of the image is perfect, but the problem is that the its only the image which gets smaller, the .infobanner does not fit the image vertical, so it is bigger then the image and therefor there is a white space between the image and the top of .infobanner ( which I have a border arround) and there is also white space between the bottom of the image and down to the menu text. So it is not just the background image we have to adjust.

Hope you understand.

I had delete the code again, so now if you look at your smartphone, ist just as it is from the beginning.

[Hannah]

Hannah

#119361

Try using this instead:

@media (max-widthL 992px) {
.home .infobanner {
    background-size: 100% 100% !important;
}
}

Does that work for you?

Hannah

[Linette]

Linette

#119269

Thank you Hannah,

If I use this the style you sent, the images is fitted right, but there is a big cap to the menu, and a big cap down to the headline of the menu. This does not look good. I have tryed to add width styles to .infobanner and .home-message and only to work on mobile device, so its not just the image which is fitted to the width of the mobile phone no luck – But I an not an expert on CSS 😀 So hope you can help.

Thank you

[Hannah]

Hannah

#119184

Hey Linette,
Try pasting this into your custom css box in Theme Options > Advanced Settings:

.home .infobanner {
    background-size: contain !important;
}

Hope it helps!

Hannah

[Ben Ritner]

Ben Ritner

#118894

You can use this css:

#kad-banner {
    border-bottom: 1px solid #eee;
}
#topbar-search input[type=text], #topbar-search .search-icon, .topbarmenu ul li a {
    color: #444;
}
#topbar-search .form-search ::-webkit-input-placeholder {
   color: #444;
}
#topbar-search .form-search ::-moz-placeholder {
   color: #444; 
}
#topbar-search .form-search :-ms-input-placeholder {  
   color: #444;  
}

Ben

[Bernat]

Bernat

#118778

This reply has been marked as private.

[Elaine]

Elaine

#118681

I realized that the issue is because I have the banner placed as a shortcode in Page Builder. I changed the setting of the row to “full width stretched” and it worked – so now I’m working on getting rid of the margin between the slider and the navbar above it. If you have any recommendations to fix that I would appreciate it! Thanks so much for your help!

[Hannah]

Hannah

#118676

Try changing the above css to this:

@media (max-width: 1200px) {
#kad-mobile-banner {
    display: block !important;
}
div#kad-banner-sticky-wrapper {
    display: none;
}
}

Does that fix?

Hannah

[Hannah]

Hannah

#118605

Hi Jamie,
Try adding this to your custom css box in Theme Options > Advanced Settings:

@media (max-width: 1200px) {
#kad-mobile-banner, #kad-mobile-banner-sticky-wrapper {
    display: block !important;
}
}

Hope that works for you!

Hannah

[Ben Ritner]

Ben Ritner

#118371

It’s showing off screen. This is because you have the slider height set to full height but your header is appearing above it. causing the slider to be forced down by the height of your header.
In your slider settings add #kad-banner and #kad-mobile-banner to the offset.

Ben

[Janey]

Janey

#118312

Hello,

If you could please help me out .

The logo on my webpage does not seem to be working , the webpage is *Login to see link

I’m using a child theme and have adjusted the header.php to add a banner on the top of the page.

Thanks

[Janey]

Janey

#118312

Hello,

If you could please help me out .

The logo on my webpage does not seem to be working , the webpage is *Login to see link

I’m using a child theme and have adjusted the header.php to add a banner on the top of the page.

Thanks

[Magdalena]

Magdalena

#118243

Regarding this (You can make a page and add a testimonial form using the “virtue shortcodes” button. Then just add a button linking to that page.) where do I add this on HP in page builder; it doesnt show me add shortcodes 🙁 I also got little issue on HP with some added some divinfobanner under my image menu items – you will see grey rectangle there when you hover). I cant find where to eliminate this.
Many thanks

[Hannah]

Hannah

#117656

Hi Dave,
So Virtue was not designed to do this like Pinnacle was. You can use css (below), but the overall look will not be as clean.

.headerclass {
    background: transparent;
    position:absolute;
}
#kad-banner-sticky-wrapper {
    height:0 !important;
}

Hannah

[Kevin]

Kevin

#117621

Hey Bernat,

I believe that the option that you’re looking for is the sitewide banner in Theme Options> Main Settings.

Is this what you’re thinking?

-Kevin

[Hannah]

Hannah

#117596

1. So you’re wanting a semi-transparent header? Try this css:

.stickyheader.trans-header #kad-banner {
    background: rgba(8, 7, 7, 0.3);
}

Is that what you mean?

2. Choose to show the page title, then you can remove the title text with this css:

.titleclass h1 {
    display: none;
}

3. Here is an example:

h1.entry-title {
    letter-spacing: 5px;
}

4. Theme Options > Menu Settings.

5. Not sure what you mean?

Hannah

[Hannah]

Hannah

#117316

Hey Jacob,
Try adding this to your custom css:

@media (max-width: 612px) {
.woocommerce-demo-store #kad-banner {
    margin-top: 58px;
}
}

Hope that helps!

Hannah

[Jacob]

Jacob

#117260

Hey Ben!

So I changed the values of those columns and that fixed the issue! Thanks for the assistance. I don’t even know why I changed those values / got the idea for it, I’m sure I had a reason but I clearly didn’t think it through fully.

One more question since I have your attention! On the mobile site my site wide banner “Choose Free Shipping on orders…….” covers up the cart & search button. Is there values I should / could change to fix that issue?

Thanks again!

& Thank you Hannah for your assistance as well.

Take care.