Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle
Search Results for 'banner'
-
AuthorSearch Results
-
In forum: Virtue Theme
Topic: Formatting error with banner
Hi guys, love your theme. I’m having a problem with my site – it’s in staging at the moment.
The formatting works when I “preview change”, but when I publish the page the banner with the yellow image squashes up and the words align to the left.
Please help 🙂
In forum: Virtue ThemeIn reply to: header image
In forum: Ascend ThemeIn reply to: Ascend Theme – Shopping Navigation
Thanks Hannah! That worked perfect. If you could help me with something else, I haven’t used Ascend much and we’re transitioning this site from the free virtue theme to take advantage of some of the great features. It looks like there’s a conflict because the mobile menu / header is not showing? I’ve selected the æNew Main Nav’ as the mobile menu in Appearance > Menus and looked through the theme options but I can’t find where it needs to be enabled. There is something in the
media-query.lessthat’s hiding it though. Any thoughts on how to make it visible? Thanks!// Mobile Header Switch @media (max-width: 992px) { .kt-header-position-above { display: none; } #kad-header-menu-sticky-wrapper { height: 0 !important; } .second-nav-container { display: none; } #kad-mobile-banner { display: block; height: auto; } }In forum: Virtue ThemeIn reply to: header image
Hey Doris,
Here is some CSS that should hide the background image in mobile:
@media (max-width: 992px) { header#kad-banner { background: #fff; } }Place into Theme Options> Advanced Settings, and let me know if it works for you.
If that doesn’t work, add the image to your header, then I’ll try again with the CSS.-Kevin
In forum: Ascend ThemeHi Guys!
I’m attempting to setup a full screen slider on a website, I’ve set everything properly as far as I know (respect aspect ratio unchecked), but, when entering #kad-banner into the offset box, it does not stick. When I return to the banner settings the offset box is once again empty. I’ve entered and saved many times, it won’t stay? Any help would be so very much appreciated! The site is villaescondido.com.
Thank you so much, you guys are great!
Mark
In forum: Virtue ThemeIn reply to: Homepage image menu zoomed in
August 7, 2017 at 8:45 am #153967In your theme options > advanced settings. Add this css:
.infobanner { background-size: cover !important; }Thanks for posting I’ll fix this in the next update.
Ben
In forum: Virtue ThemeIn reply to: Change horizontal line color
Hi Ben, no changes inline color. maybe this is something related to my site? these are the custom codes I am using:
.page-header {
display: none;
}
.topbarmenu ul li a {
font-size: 22px;
@media (min-width: 1920px) {
.container {
width:1920px;
}
.footerclass ul li a {
font-size: 22px;
color: #FFFFFF;
}
#kad-banner > .container {
padding: 0;
}
hr {
border-top: 3px solid #FFFFFF;
}In forum: Pinnacle ThemeIn reply to: Sitewide Footer Call to Action in single pages
Yes, I refer to the banner that says “Responsive Design. Powerful Options”. There has an image in the background: man working with mouse, besides a cup.
I don’t know if that’s the background of that widget (I think no), or the background of something else. How can I change that picture?Thanks, Anita
In forum: Pinnacle ThemeIn reply to: Sitewide Footer Call to Action in single pages
If you only want this on three pages I would advise just manually adding them to each page.
That has a background image, which makes it sitewideNot sure what you mean by that. Are you referring to the banner that says “Responsive Design. Powerful Options”? That is created using page builder. Check out the written portion of this tutorial: https://www.kadencewp.com/using-page-builder/
You can use page builder on your home page by adding the layout builder widget to your home widget area, or through your home page content area if your homepage is set as a static page.Hannah
In forum: Ascend ThemeIn reply to: Home Page
In forum: Ascend ThemeTopic: Home Page
Hi, I would like to change my front page so that it just shows my new posts, at the moment it has a banner across the top. *Login to see link
Thanks
PaulIn forum: Virtue ThemeHello Thinh,
1. here is some CSS that will change the background of the header on your single posts:
.single-post.stickyheader .is-sticky #kad-banner { background: rgba(236, 232, 232, 0.57); }Just add to Theme Options> Advanced Settings and let me know if that works for you.
2. One option for this that requires no changes to a child theme would be to set the “Head Content” of your post to “shortcode.”
Then, you could add the html for your image there. A better solution would be to configure a fullwidth Kadence Slider and add the shortcode there. You would have more control this way then simply adding the image.
Does that work for you?
-Kevin
In forum: Virtue ThemeHello,
I’d like to display a gallery in the “home” widget section; I chose the right option in the theme layout, and placed a “virtue gallery” widget in the widgets.php, in the right place.. Yet, only the title will show up on the site: *Login to see link
Any idea how to debug that?
Thx!Here is the code of the header:
<header id="kad-banner" class="banner headerclass kt-not-mobile-sticky " data-header-shrink="0" data-mobile-sticky="0" data-menu-stick="0">
<div id="topbar" class="topclass">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6 kad-topbar-left">
<div class="topbarmenu clearfix">
<ul id="menu-global" class="sf-menu sf-js-enabled"><li class="menu-menu sf-dropdown menu-item-3228"><a class="sf-with-ul"><i class="HomePLM"></i><span>☰ Menu</span><span class="sf-sub-indicator"> »</span></a>
<ul class="sf-dropdown-menu dropdown" style="display: none;">
<li class="menu-lassociation menu-item-3223"><a href="*Login to see link "><span>L’association</span></a></li>
<li class="menu-levoyagedepelico menu-item-3224"><a href="*Login to see link "><span>Le voyage de Pelico</span></a></li>
<li class="menu-lesanciensreportages menu-item-3225"><a href="*Login to see link "><span>Les anciens reportages</span></a></li>
<li class="menu-lecoindesprofs menu-item-3226"><a href="*Login to see link "><span>Le coin des profs</span></a></li>
</ul>
</li>
</ul> </div>
</div><!-- close col-md-6 -->
<div class="col-md-6 col-sm-6 kad-topbar-right">
<div id="topbar-search" class="topbar-widget">
</div>
</div> <!-- close col-md-6-->
</div> <!-- Close Row -->
</div> <!-- Close Container -->
</div> <div class="container">
<div class="row">
<div class="col-md-4 clearfix kad-header-left">
<div id="logo" class="logocase">
<a class="brand logofont" href="*Login to see link " title="Accueil Par Le Monde"><div id="thelogo"><img src="*Login to see link alt="Accueil Par Le Monde" class="kad-standard-logo">
</div> </a>
<p class="kad_tagline belowlogo-text">Bienvenue sur le portail <span class="plm">Par Le Monde </span>!
</p><p>
Pour naviguer dans notre univers associatif, choisissez sur quel site vous désirez poursuivre votre voyage !
</p><p></p> </div> <!-- Close #logo -->
</div><!-- close col-md-4 -->
<div class="col-md-8 kad-header-widget">
<div class="widget-1 widget-first header-widget-area-header virtue_gallery_widget"><span class="header-widget-title">Widget not displayed</span> </div>
</div>
</div>
<div class="row">
<div class="col-md-12 kad-header-right">
<nav id="nav-main" class="clearfix">
<ul id="menu-plm" class="sf-menu sf-js-enabled"> </ul> </nav>
</div> <!-- Close menuclass -->
</div> <!-- Close Row -->
<div id="mobile-nav-trigger" class="nav-trigger">
<button class="nav-trigger-case collapsed mobileclass" data-toggle="collapse" rel="nofollow" data-target=".mobile_menu_collapse">
<span class="kad-navbtn clearfix"><i class="icon-menu"></i></span>
<span class="kad-menu-name">Menu</span>
</button>
</div>
<div id="kad-mobile-nav" class="kad-mobile-nav">
<div class="kad-nav-inner mobileclass">
<div id="mobile_menu_collapse" class="kad-nav-collapse collapse mobile_menu_collapse">
</div>
</div>
</div></div> <!-- Close Container -->
</header>
In forum: Ascend ThemeJuly 24, 2017 at 9:45 am #152753#kad-mobile-banner .mobile-header-container { width: 100%; max-width: 100%; }Ben
In forum: Ascend ThemeJuly 22, 2017 at 6:05 pm #152662I suggest you take a look at this: https://www.kadencewp.com/chrome-inspect-tool/
Using the inspect tool would let you see exactly what css is affecting what. Also, your question depends on how you set up the image menu item. In general:
.image_menu_item_link .image_menu_message h4 { }and
.image_menu_item_link .image_menu_message h5 { }1. I think you want this but it seems odd to force these things to be touching the screen:
#kad-mobile-banner .mobile-header-container { padding: 0; }2. You could use css like this:
.mfp-slide .mag-pop-sldr {width: 100%;} .mfp-ready .sldr-close-container { right: auto; left: 5px; z-index: 100000; } .pop-modal-content { padding: 0 35px; }3. Those are set by your primary menu font color in your transparent header settings.
4.
.image_menu_item_link .image_menu_message { border-color:blue; }Or just set to transparent;
5. Pretty much, you have left center right, top center bottom options already in the widget settings.
Ben
In forum: Virtue ThemeIn reply to: Need help with fixing banner to the main page
July 22, 2017 at 5:51 pm #152661Hey,
go turn off the site wide banner in your theme options > main settings.Then go to theme options > shop settings scroll down to the shop slider options and add a flex slider, choose just one slide and you are set.
Ben
In forum: Virtue ThemeHello,
Please advise how to fix my banner to the main page (SHOP) only (currently it is published sitewide). My website link is: http://www.ethnokolor.comThanks,
MartaIn forum: Virtue ThemeHello,
I need some guidance in mastering the sliders, and I would like to learn more about how it works, so I can stop bothering you guys about it.
I want to understand the logic behind “fullwidth” and “flex” in the theme options and in the Kadence Slider, in order to be able to often produce nice banners and change the sliders whenever I want.
To be more specific, I like the fullwidth looks, as it takes the whole width of the screen, but it often cut parrts of the top and of the bottom of my banners, sometimes cuting a written text off. I understand that if I switch the slider to “Flex” it would adapt the slider according to my image, but the trade off would be that I would loose the nice and elegant effect of the fullwidth, and it would show parts of the website’s background.
So, my questions are:
1- Where can I learn more about dinamics, in order to be able to plan better the images/banners I will acreate and choose the appropriate slider option the Theme Options/Kadence Slider? I couldn’t find more than the basic in the documentation.
2- How should I plan my banners to have it fullwidth regardless the screen size, but still keeping whatever the text I have in the top and the bottom of the images.
Hope I was not too confuse in explaining.
Thank you,
FelippeIn forum: Virtue ThemeTopic: Hover Effect Exceding Image
Hello,
In the site: *Login to see link
when you hover over the 3 squared banners in the images menu, the green effect exceeds the size of the picture, do you know why? Is there a way to avoid it?
Thank you,
FelippeIn forum: Virtue ThemeIn reply to: Change header image by category
-
AuthorSearch Results


