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'

Home / Forums / Search / Search Results for 'banner'

Viewing 20 results - 681 through 700 (of 1,614 total)
  • Author
    Search Results
  • #154599

    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 Theme

    In reply to: header image

    #154302

    Try this CSS:

    #kad-mobile-banner {
        background: none;
    }

    -Kevin

    #154185

    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.less that’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 Theme

    In reply to: header image

    #154156

    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

    #154031

    Hi 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

    #153967

    In 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

    #153889

    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;
    }

    #153494

    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

    #153447

    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 sitewide Not 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 Theme

    In reply to: Home Page

    #153369

    Hi Paul,
    Are you wanting to remove the banner? You can set the Choose home page header settings to none from Theme Options > Home Page Header.

    Hannah

    In forum: Ascend Theme

    Topic: Home Page

    #153349

    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.

    Thanks
    Paul

    #153110

    Hello 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

    #153103

    Hello,

    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:

    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=" "><span>L’association</span></a></li>
    <li class="menu-levoyagedepelico menu-item-3224"><a href=" "><span>Le voyage de Pelico</span></a></li>
    <li class="menu-lesanciensreportages menu-item-3225"><a href=" "><span>Les anciens reportages</span></a></li>
    <li class="menu-lecoindesprofs menu-item-3226"><a href=" "><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=" " title="Accueil Par Le Monde">

    <div id="thelogo"><img src=" 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>

    #152753
    #kad-mobile-banner .mobile-header-container {
        width: 100%;
        max-width: 100%;
    }

    Ben

    #152662

    I 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

    #152661

    Hey,
    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

    #152656

    Hello,
    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.com

    Thanks,
    Marta

    #152363

    Hello,

    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,
    Felippe

    #152170

    Hello,

    In the site:

    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,
    Felippe

    #152169
    This reply has been marked as private.
Viewing 20 results - 681 through 700 (of 1,614 total)