Search Results for 'banner'

[Ben Ritner]

Ben Ritner

#242748

Hey,
In your theme options > custom css add this:

.tasty-recipes-print-view #containerfooter, .tasty-recipes-print-view #kad-mobile-banner, .tasty-recipes-print-view #kad-banner {
    display: none;
}

Ben

[Hannah]

Hannah

#242666

Yes, when you transfer from the visual editor to pagebuilder your content will turn into a visual editor widget. Just note that you can’t switch back and forth between editors.

How are you adding your banner? A widget has to be added into a widget area. A shortcode can be added into any content area. Looks like getyourguide plugin hasn’t been updated in over a year. I would recommend using a different plugin.

Hannah

[adventuretravelcoach]

adventuretravelcoach

#242653

Hey Hannah,

I have the page builder plugin installed but as I work in the visual editor, I need to revert to page builder and when I click on Page builder, there appears a pop-up asking me, Do you want to copy the existing info over to page builder? and I rather ask than cause an issue.

What is the difference between a widget and a banner when it comes to affiliates? For example, I can add the code of World Nomads for a Quote banner but with Getyourguide it is not working.

Thanks in advance Hannah
Mimmie

[Ben Ritner]

Ben Ritner

#242547

Hey,
You can add css like this:

@media (max-width: 767px){
    .topbar-widget h5 {
        text-align: center !important;
    }

    #kad-banner #topbar .container {
        padding: 0 20px;
    }

    .topbarmenu {
        display: flex;
        justify-content: center;
    }
}

Also you should remove this css:

@media (max-width: 992px) {
#kad-banner .container {
    width: 100%;
    padding: 0;
}
}

If you want the menu fullwidth add this instead:

@media (max-width: 992px) {
#kad-banner .container {
    width: 100%;
}
}
.mobile-nav-trigger-id {
    margin-left: -15px;
    margin-right: -15px;
}

[tracy2]

tracy2

#242356

Hi there,
My client has asked me to implement a banner/strip graphic showing delivery information and a countdown to the cut-off time for same-day dispatch, similar to what you can see here: *Login to see link

I’ve found countdown timer plugins that use shortcodes, and can use one of those with an icon and text to build out the full line of content, but am wondering where best I can place it. Is it:

1. Possible to add it to the WooCommerce product/category pages without creating a child theme?
2. Alternately, possible to add it somehow to just above the main menu? Problem with this is that any B2B clients still using non-widescreen monitors aren’t seeing that menu as is. I’m not sure how I could make it responsive for mobile either.
3. One other option would be to add it to the shop sidebar, but I’d want to use a coloured background for the (presumably, text) widget I’d use, to draw attention. How can I do set the background colour for a text widget?

Any thoughts on the best way to achieve this would be much appreciated! The site is RollieUK.com.
Thanks,
Tracy

• This topic was modified 6 years, 4 months ago by tracy2.
• This topic was modified 6 years, 4 months ago by tracy2.

[tracy2]

tracy2

#242356

Hi there,
My client has asked me to implement a banner/strip graphic showing delivery information and a countdown to the cut-off time for same-day dispatch, similar to what you can see here: *Login to see link

I’ve found countdown timer plugins that use shortcodes, and can use one of those with an icon and text to build out the full line of content, but am wondering where best I can place it. Is it:

1. Possible to add it to the WooCommerce product/category pages without creating a child theme?
2. Alternately, possible to add it somehow to just above the main menu? Problem with this is that any B2B clients still using non-widescreen monitors aren’t seeing that menu as is. I’m not sure how I could make it responsive for mobile either.
3. One other option would be to add it to the shop sidebar, but I’d want to use a coloured background for the (presumably, text) widget I’d use, to draw attention. How can I do set the background colour for a text widget?

Any thoughts on the best way to achieve this would be much appreciated! The site is RollieUK.com.
Thanks,
Tracy

• This topic was modified 6 years, 4 months ago by tracy2.
• This topic was modified 6 years, 4 months ago by tracy2.

[Ben Ritner]

Ben Ritner

#242336

ok here is the css:

.virtue_banner {
    display: none;
}

html[lang="fi"] .virtue_banner {
    display: block;
}

Ben

[susannavaismaa]

susannavaismaa

#242309

Hi,

Thank you. my site where the banner is is https://www.cool-x.fi/

And I want it to be visible only in finnish language.

-Anu

[Ben Ritner]

Ben Ritner

#242301

Hey,
The banner is part of the normal header, on your site you are using the simple mobile header which is simplified to just be logo menu cart icon.

The issue you are seeing with the cart icon is a bug, I’m going to push an update out right now to fix it.

Ben

[Peregrine]

Peregrine

#242288

Hi wondering if you could help me cant find whats causing my problems wonder if you could have a look for me thank you. the symptoms are the cart icon is higher than it should be and the site wide banner doesn’t show at all this all just happens on mobile or reduced screen size.

• This topic was modified 6 years, 4 months ago by Peregrine.

[Peregrine]

Peregrine

#242288

Hi wondering if you could help me cant find whats causing my problems wonder if you could have a look for me thank you. the symptoms are the cart icon is higher than it should be and the site wide banner doesn’t show at all this all just happens on mobile or reduced screen size.

• This topic was modified 6 years, 4 months ago by Peregrine.

[TipTop]

TipTop

#242262

I’m having the same problem. Also it is not just the banner but most images. I’m using the polylang plugin.

[susannavaismaa]

susannavaismaa

#242244

Hi,

how do I get the sitewide banner to be visible in only one language? (Main language Finnish). Thank you!

-Anu

[susannavaismaa]

susannavaismaa

#242244

Hi,

how do I get the sitewide banner to be visible in only one language? (Main language Finnish). Thank you!

-Anu

[Hannah]

Hannah

#242115

Try using a larger image for your full-width homepage banner. Something like 2000x1600px.
This post may be helpful: https://www.kadencewp.com/blog/best-practices-for-images-sizes-and-optimization-in-wordpress/

Hannah

[admin112]

admin112

#242108

What is the suggested banner size for Full Width homepage slider and Full Width homepage mobile slider?

[admin112]

admin112

#242106

Hi Hannah,

Desktop homepage banner size is 1140×400
Mobile homepage banner size is 480×300

Regards,
Yogi

[Hannah]

Hannah

#242066

I can’t see your site. Are you using the simple mobile header? If so, this css should work for you:

@media (max-width: 992px) {
#kad-mobile-banner-sticky-wrapper {
display: block;
} 
#kad-mobile-banner { 
display: block; height: 60px; 
} 
#kad-banner-sticky-wrapper, #kad-banner { 
display: none; 
}
}

If not using the simple mobile header, try this css:

@media (max-width: 992px) {
#nav-main ul.sf-menu, .nav-main ul.sf-menu {
    display: none;
}
.mobile-nav-trigger-id , .id-kad-mobile-nav, .kad-header-style-three .kad-nav-three {
    display: block;
    height: auto;
}
}

Hope that helps!

Hannah

[phil2]

phil2

#242051

Hi Team,

On the Solora site we have 2 image overlay blocks just below the banner. The left hand one “Homecare Services” is upsetting Explorer and not wrapping for certain screen sizes. It’s great in Firefox, Chrome, Safari etc.

Please could you weave some CSS magic to force explorer to behave?
Many thanks,
Phil.

[phil2]

phil2

#242051

Hi Team,

On the Solora site we have 2 image overlay blocks just below the banner. The left hand one “Homecare Services” is upsetting Explorer and not wrapping for certain screen sizes. It’s great in Firefox, Chrome, Safari etc.

Please could you weave some CSS magic to force explorer to behave?
Many thanks,
Phil.

[admin112]

admin112

#242008

Hi Team,

Please see this website: http://www.wildlifeconservationtrust.org

You will notice there are 2 banners on the homepage.

Here is my challenge – Whenever I try to create full width banners (at either of the 2 banner spaces), the image appears stretched or distorted on larger screens. How do I ensure that the image quality is constant across all screen sizes? Please help.

BTW I have opted for a Boxed layout.

Thank you,
Yogi

[admin112]

admin112

#242008

Hi Team,

Please see this website: http://www.wildlifeconservationtrust.org

You will notice there are 2 banners on the homepage.

Here is my challenge – Whenever I try to create full width banners (at either of the 2 banner spaces), the image appears stretched or distorted on larger screens. How do I ensure that the image quality is constant across all screen sizes? Please help.

BTW I have opted for a Boxed layout.

Thank you,
Yogi

[Hannah]

Hannah

#241887

Hmm, try using this css:

#kad-mobile-banner .mobile-header-container {
    width: 70%;
    margin: 0;
    text-align: left;
}

Let me know how that works!

Hannah

[Ben Ritner]

Ben Ritner

#241747

Hey,
You can use css like this:

#kad-mobile-banner #mobile-logo a {
    justify-content: flex-start;
}

.kad-mobile-logo-center {
    padding-right: 120px;
}

.mobile-top-icon-bar {
    position: absolute;
    top: 0;
    z-index: 10;
    min-height: 80px;
    right: 20px;
}

Ben

• This reply was modified 6 years, 5 months ago by Ben Ritner. Reason: add z-index

[Brandy]

Brandy

#241527

Hello Team Kadence!

Hope you are all doing well! Can you please add :focus handlers to the custom_css.php file for accessibility? We tried just adding overrides but as each site has it’s own colors it can be bit to manage to add everywhere to make it work with the styling options.

//Menus Styling
if(!empty($virtue_premium['primarymenu_hover_color'])) {
$color_pmenu_hover = '#nav-main ul.sf-menu a:focus, .nav-main ul.sf-menu a:focus, #nav-main ul.sf-menu li.current-menu-item > a, .nav-main ul.sf-menu li.current-menu-item > a, #nav-main ul.sf-menu ul li a:focus, .nav-main ul.sf-menu ul li a:focus {color:'.$virtue_premium['primarymenu_hover_color'].';}';
} else {
$color_pmenu_hover = '';
}
if(!empty($virtue_premium['primarymenu_hover_bg_color'])) {
$color_pmenu_bg_hover = '#nav-main ul.sf-menu li a:focus, .nav-main ul.sf-menu a:focus, #nav-main ul.sf-menu li.current-menu-item > a, .nav-main ul.sf-menu li.current-menu-item > a, #nav-main ul.sf-menu ul li a:focus, .nav-main ul.sf-menu ul li a:focus {background:'.$virtue_premium['primarymenu_hover_bg_color'].';}';
} else {
$color_pmenu_bg_hover = '';
}
if(!empty($virtue_premium['secondarymenu_hover_color'])) {
$color_smenu_hover = '#nav-second ul.sf-menu > li > a:focus, #nav-second ul.sf-menu a:focus, #nav-second ul.sf-menu li.current-menu-item > a, #nav-second ul.sf-menu ul li a:focus {color:'.$virtue_premium['secondarymenu_hover_color'].';}';
} else {
$color_smenu_hover = '';
}
if(!empty($virtue_premium['secondarymenu_hover_bg_color'])) {
$color_smenu_bg_hover = '#nav-second ul.sf-menu > li > a:focus, #nav-second ul.sf-menu > li.current-menu-item, #nav-second ul.sf-menu ul > li.current-menu-item, #nav-second ul.sf-menu ul li a:focus {background:'.$virtue_premium['secondarymenu_hover_bg_color'].';}';
} else {
$color_smenu_bg_hover = '';
}
if(!empty($virtue_premium['mobilemenu_hover_color'])) {
$color_mmenu_hover = '.kad-mobile-nav .kad-nav-inner li.current-menu-item>a, .kad-mobile-nav .kad-nav-inner li a:focus, #kad-banner .mobile-nav-trigger-id a.nav-trigger-case:focus .kad-menu-name, #kad-banner .mobile-nav-trigger-id a.nav-trigger-case:focus .kad-navbtn, .nav-trigger-case:focus .kad-navbtn {color:'.$virtue_premium['mobilemenu_hover_color'].';}';
} else {
$color_mmenu_hover = '';
}
if(!empty($virtue_premium['mobilemenu_hover_bg_color'])) {
$color_mmenu_bg_hover = '.kad-mobile-nav .kad-nav-inner li.current-menu-item>a, .kad-mobile-nav .kad-nav-inner li a:focus, #kad-banner .mobile-nav-trigger-id a.nav-trigger-case:focus .kad-menu-name, #kad-banner .mobile-nav-trigger-id a.nav-trigger-case:focus .kad-navbtn {background:'.$virtue_premium['mobilemenu_hover_bg_color'].';}';
} else {
$color_mmenu_bg_hover = '';
}

If you can’t add it, what is the best way to override the custom_css.php file? Thank you!

[Brandy]

Brandy

#241527

Hello Team Kadence!

Hope you are all doing well! Can you please add :focus handlers to the custom_css.php file for accessibility? We tried just adding overrides but as each site has it’s own colors it can be bit to manage to add everywhere to make it work with the styling options.

//Menus Styling
if(!empty($virtue_premium['primarymenu_hover_color'])) {
$color_pmenu_hover = '#nav-main ul.sf-menu a:focus, .nav-main ul.sf-menu a:focus, #nav-main ul.sf-menu li.current-menu-item > a, .nav-main ul.sf-menu li.current-menu-item > a, #nav-main ul.sf-menu ul li a:focus, .nav-main ul.sf-menu ul li a:focus {color:'.$virtue_premium['primarymenu_hover_color'].';}';
} else {
$color_pmenu_hover = '';
}
if(!empty($virtue_premium['primarymenu_hover_bg_color'])) {
$color_pmenu_bg_hover = '#nav-main ul.sf-menu li a:focus, .nav-main ul.sf-menu a:focus, #nav-main ul.sf-menu li.current-menu-item > a, .nav-main ul.sf-menu li.current-menu-item > a, #nav-main ul.sf-menu ul li a:focus, .nav-main ul.sf-menu ul li a:focus {background:'.$virtue_premium['primarymenu_hover_bg_color'].';}';
} else {
$color_pmenu_bg_hover = '';
}
if(!empty($virtue_premium['secondarymenu_hover_color'])) {
$color_smenu_hover = '#nav-second ul.sf-menu > li > a:focus, #nav-second ul.sf-menu a:focus, #nav-second ul.sf-menu li.current-menu-item > a, #nav-second ul.sf-menu ul li a:focus {color:'.$virtue_premium['secondarymenu_hover_color'].';}';
} else {
$color_smenu_hover = '';
}
if(!empty($virtue_premium['secondarymenu_hover_bg_color'])) {
$color_smenu_bg_hover = '#nav-second ul.sf-menu > li > a:focus, #nav-second ul.sf-menu > li.current-menu-item, #nav-second ul.sf-menu ul > li.current-menu-item, #nav-second ul.sf-menu ul li a:focus {background:'.$virtue_premium['secondarymenu_hover_bg_color'].';}';
} else {
$color_smenu_bg_hover = '';
}
if(!empty($virtue_premium['mobilemenu_hover_color'])) {
$color_mmenu_hover = '.kad-mobile-nav .kad-nav-inner li.current-menu-item>a, .kad-mobile-nav .kad-nav-inner li a:focus, #kad-banner .mobile-nav-trigger-id a.nav-trigger-case:focus .kad-menu-name, #kad-banner .mobile-nav-trigger-id a.nav-trigger-case:focus .kad-navbtn, .nav-trigger-case:focus .kad-navbtn {color:'.$virtue_premium['mobilemenu_hover_color'].';}';
} else {
$color_mmenu_hover = '';
}
if(!empty($virtue_premium['mobilemenu_hover_bg_color'])) {
$color_mmenu_bg_hover = '.kad-mobile-nav .kad-nav-inner li.current-menu-item>a, .kad-mobile-nav .kad-nav-inner li a:focus, #kad-banner .mobile-nav-trigger-id a.nav-trigger-case:focus .kad-menu-name, #kad-banner .mobile-nav-trigger-id a.nav-trigger-case:focus .kad-navbtn {background:'.$virtue_premium['mobilemenu_hover_bg_color'].';}';
} else {
$color_mmenu_bg_hover = '';
}

If you can’t add it, what is the best way to override the custom_css.php file? Thank you!